Vue實戰 - 配套源碼

npm install --save-dev vue-loader vue-template-compiler

可能會報錯如下：

以上報錯解決方式：修改版本^13.0.0，然后重新npm install

認識Plugin

丑化JS代碼：使用uglifyjs

使用npm run dev運行服務器，而不是使用webpack-dev-server，因為只要是在終端敲的命令，都是去全局找。而我們是在局部安裝的服務器。

配置文件的抽離

把原來的一個配置文件拆分成三個配置文件（生產環境/開發環境配置分離，把公共部分抽到base中）


安裝依賴：npm install webpack-merge --save-dev
--save-dev表示是開發時依賴

抽離之后，為了避免找不到配置文件，需要修改package.json如下：

知道怎么分離配置文件之后，讀腳手架的配置可能會容易一點…

超強干貨來襲 云風專訪：近40年碼齡，通宵達旦的技術人生

總結

以上是生活随笔為你收集整理的【WebPack】引入Vue；认识Plugin；使用uglifyjs丑化JS代码；搭建本地服务器；生产开发环境配置文件的抽离的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。