webpck学习

##webpack安装
1.webpack安装 npm install webpack --save --dev
2.npm install webpack-cli --save --dev
说明：这里注意一下，–save打包后自动添加到package.json文件中
#–save 和 --dev的区别
我们需要先弄懂dependencies和devDependencies的区别。
以vue搭建的项目为例，在package.json文件中会有两个配置项，一个是dependencies, 另一个是devDependencies,顾名思义，‘依赖’的意思。
dependencies: 在这个配置下的模块是在生产环境下需要依赖的，
例如vue-router，这个模块上线之后也要一直使用的，不然无法实现页面的跳转。
devDependencies: 在这个配置下的模块是在开发环境下需要依赖的，其中dev也是develop单词的缩写，开发的意思。
例如eslint，你在开发过程中，他会矫正你的代码风格，但是发布到生产环境之后，只要程序能跑起来，那就无所谓那些warning了。
所以了解这个之后就很简单了，

通过npm install <模块名> --save-dev下载的模块，会安装到devDependencies下，代表开发环境下需要依赖的，
通过npm install <模块名> --save下载的模块，会安装到dependencies下，代表生产环境下需要依赖的。

##打包命令##

npx