基於前文，使用vue-cli腳手架工具構建專案，並使用了webpack，那麼我在專案中遇到的一些與配置相關的問題將在這裡進行彙總。

1.程式碼檢查問題

由於我們在構建專案時，使用了Eslint對我們的專案做程式碼風格檢查，那麼不符合該風格的程式碼，將會發出警報，常見的就是空格的問題，如果沒有按照Eslint的風格使用空格的話，將會在專案打包的時候發出警報：[vue/no-parsing-error] Parsing error: x-invalid-end-tag。

解決方法如下：

或者直接禁用該風格檢查：

2.vue專案打包的路徑問題

vue專案完成之後，需要打包成靜態檔案，通過 npm run build命令來執行build.js

但是，如果路徑沒有處理好的話，出出現打包之後的靜態檔案找不到所需資源（404）

我們先來看看vue專案下的一個配置檔案：

看到了麼，在build 的時候，如果使用如上路徑作為根目錄，這樣的話他就會去碟符下去找資原始檔，放在C盤他就以C盤作為根目錄。

其實這一點，涉及到 cd ./node  和  cd /node 這兩個命令的區別問題，簡單來說，前者會在當前路徑下找node資料夾，後者會以當前檔案的所在的碟符為路徑，去碟符下去找node資料夾，所以我們的專案是會移動的，當然要使用前者作為訪問資原始檔的路徑了，所以將上述預設的路徑改為 ‘./’ 就可以了。

3.待續