webpack打包

全局安装webpack，

 

2.全局安装webpack   cnpm install -g webpack

3.全局安装webpack-cli

cnpm install -g webpack-cli

新建webpack文件进行打包练习，初始换环境

4.1初始化一个package.json文件

在项目中下载webpack和webpack-cli

--save-dev      保存在开发环境中，项目上线不需要，简写-D

打包

webpack 文件路径

打包后生成一个dist文件夹，自动开启严格模式，匿名函数自执行

 在文件中使用，打开可以执行

 

开发模式和生产模式

开发development，生产production项目上线的模式

命令,以开发模式打包

webpack ./src/main.js --mode development

开发模式打包后代码很乱

生产模式打包后非常的简洁

打包后自动开启严格模式

打包前不要开启严格模式，webpack打包后自动开启严格模式，如果打包前开启严格模式，打包后可能会报错。