用于webapp屈张。
webpack 打包優(yōu)化擒权。
選項去優(yōu)化項目。
減少HTPP請求阁谆,減少請求文件碳抄,希望使用緩存讓我們的流量變得小,加載速度變快场绿。
webpack是打包前端資源的剖效,我們前端資源有很多種不同的類型,比如javascript焰盗,css璧尸,圖片,字體等姨谷。
使用Vue + Webpack 打造todo應(yīng)用
我們使用下面的方式創(chuàng)建項目:
vue init webpack-simple vuejs-test01 // 項目名為:vuejs-test01
npm run build // 有輸出內(nèi)容逗宁,就是打包
我們可以看到輸出的內(nèi)容:
$ npm run build
> vuejs-test01@1.0.0 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
文件夾下。