你會發現，當你打包結束的時候，如果index.html在根目錄直接執行的話，那麼資源這些路徑就無法訪問到了。解決方案是把index.html放入dist目錄中，但是dist是打包編譯的結果而非原始碼，所以把index.html放到dist中就不合適，而且你也會發現，我們打包的結果檔名：bundle.js,如果我把這個檔名改了，則index.html也要手動修改。
所以，綜合以上問題，我們就可以使用乙個外掛程式htmlwebpackplugin來解決。
安裝依賴：
npm i -d html-webpack-plugin//該外掛程式的作用就是把index.html檔案打包到你的bundle.js檔案所屬目錄
//也就是說bundle.js到**，index.html就到**
//同時 這個外掛程式也會自動在index.html中注入script引用連線
//而且引用的資源名稱也取決於你的bundle叫什麼
plugins:
[new
htmlwebpackplugin()
],
npm i -d vue-loader// 參考官方文件
// vue-loader在15.*之後的版本都是 vue-loader的使用都是需要伴生 vueloaderplugin的
const vueloaderplugins=
require
('vue-loader/lib/plugin'
) plugins:
[new
vueloaderplugins()
],module:
]}
webpack的輸出管理
官方文件 手動地對index.html進行檔案管理，比如匯入bundle，特別是有多個bundle時，就比較麻煩了。如果bundle的名稱是hash的，就更加麻煩了。所以有必要使用工具來管理輸出。const path require path const config output plugins ...
vim及輸入輸出管理
一 vim三種工作模式 命令模式 插入模式 退出模式 二 命令模式下的各類操作 1.配置vim工作方式 1 臨時設定 命令模式是vim開啟檔案後預設進入的模式，這個模式中不能插入字元，但是可以設定vim的工作方式 set nu 新增行號 set nonu 取消編號 set cursorline 下劃...
webpack 打包輸出內容
webpack 打包完成後，會輸出一堆資訊。如下。我們來解釋一下這些資訊。hash 值，代表本次打包對應的唯一乙個hash值。version 本次打包webpack 的版本。time，本次打包用時。asset 指，打包出的檔案是 bundle.js size 指，打包後檔案大小。chunks 我們在...