webpack

用于webapp。

webpack 打包优化。
选项去优化项目。

减少HTPP请求，减少请求文件，希望使用缓存让我们的流量变得小，加载速度变快。

webpack是打包前端资源的，我们前端资源有很多种不同的类型，比如javascript，css，图片，字体等。

---

使用Vue + Webpack 打造todo应用

我们使用下面的方式创建项目：

vue init webpack-simple vuejs-test01 //  项目名为：vuejs-test01

---

npm run build // 有输出内容，就是打包

我们可以看到输出的内容：

$ npm run build 

> [email protected] build /Users/luowensheng/Desktop/TestIOS/vue/vuejs-test01
> cross-env NODE_ENV=production webpack --progress --hide-modules

Hash: 93c762fe8f5d866022e8                                                    b Version: webpack 3.10.0
Time: 4971ms
                                    Asset     Size  Chunks             Chunk Names
logo.png?82b9c7a5a3f405032b1db71a25f67021  6.85 kB          [emitted]  
                                 build.js  98.5 kB       0  [emitted]  main
                             build.js.map   825 kB       0  [emitted]  main

有三个文件输出到了/dist文件夹下。