npm run build和webpack的区别

npm run build 是命令，编译的是js文件，vue cli自带webpack，可以直接命令行打包

webpack是打包工具，优点是：

：1、浏览器不识别SAA、LESS ==>需要对less/sass预编译成css  => 供浏览器使用；（光这一步就需要手动使用一个工具）

　　2、项目中的模块化以及互相之间引用依赖造成文件分散  ==> 需要把各个分散的模块集中打包成大文件，减少HTTP的链接的请求次数（这一步也需要一个工具）

　　3、打包成了大文件，体积就变大了 ==> 所以代码要进行压缩（这一步还需要一个工具）

　　4、部分ES6语法有兼容问题 => ES5 ==>浏览器使用  （这里还需要一个工具）

　　5、。。。。。。

　　6、以上这些操作以前都是需要手动处理，需要很多个工具，这是非常繁琐的，这个时候webpack就可以上场了。

　　7、以上这些操作，在webpack里，只需要配置好，一下就可以搞定了。

 webpack的基本能力：处理依赖、模块化、打包

　　1、处理依赖：方便引用第三方模块，让模块更容易复用、避免全局注入导致的冲突、避免重复加载或者加载不必要的模块

　　2、合并代码：把各个分散的模块集中打包成大文件，减少HTTP的链接的请求次数，优化代码的体积（压缩代码）

　　3、各种插件：babel把ES6+转化为ES5-等。

坚持学习，成就自我

• 上一篇： Vue:slot用法
• 下一篇： vue 中 store的使用