06月15, 2018

webpack4 初探(零)

webpack是什么? 打包工具(模块打包器)

webpack作用:

  1. 打包(把多个文件打包成一个文件, 较少服务器压力、带宽)
  2. 转化(比如less/ sass/ ts), 需要对应loader
  3. 优化(SPA越来越盛行, 前端项目复杂度高, webpack可以对项目进行优化)

webpack构成:

  1. 入口 entry
  2. 出口 output
  3. loaders 转化器
  4. plugins 插件
  5. devServer 开发服务环境
  6. mode

安装webpack;

npm install webpack-cli -g

package.js 项目主要依赖配置文件初始化:

npm init -y   (加上 -y 可以省去很多初始化步骤)

开发环境: (develepment)

例如  npm i vue --save-dev 或者 npm i vue -D

生产环境: (production)

例如  npm i vue --save 或者 npm i vue -S

本文链接:http://www.laijianlou.top/post/webpack00.html

-- EOF --

Comments