webpack学习笔记

0.命令：

在命令后面添加：(1)--colors : 让命令的提示信息的字体有颜色；  (2)--progress : 让命令执行过程中显示进度(百分比)

1.--sava-dev和--save：

对应着package.json里的"devDependencies"和"dependencies"属性，--save-dev 是你开发时候依赖的东西，--save 是你发布之后还依赖的东西(devDependencies里的是开发用的，dependencies里的是开发完上线时用的)，一个是开发和调试时需要的东西，一个是仅仅[调试/用户使用时/展示/上线后]需要的东西，我认为一般dependencies有的devDependencies里肯定都会有，而devDependenies里的东西肯定要多一点。

2.安装开发工具-cli：

本地安装：

npm install --save-dev webpack-cli

或者：npm install webpack-cli -D

全局安装：

npm install -g webpack-cli

3.安装开发工具-server(服务器)：

本地：npm install --save-dev webpack-dev-server

4.4.0版本后两种模式配置：(打包命令的配置里加上这个)

生产模式：--mode production

开发模式：--mode development

5.webpack-dev-server：

打包并部署到服务器线上，打包好的文件都是放在内存(缓存？)里的，不会改变本地开发时已经打包好的文件，比如这里的dist文件夹里的文件(本地的磁盘中)不会被这个命令生成的压缩文件重新覆盖掉，压缩文件只是放在内存中，服务器关闭后这个资源也就没了。

---------------------------------------------------------------------------------------------------------------------------------

个人学习随笔，其中可能总结的有地方会出错，欢迎指正

2018-04-02  20:00