Vue-cli 打包CSS、JS找不到路徑問題，解決方案

vue文件打包之后發現路徑報錯，檢查了index文件之后發現js和css的路徑為這樣,發現static前面多了一個斜杠，所以導致路徑錯誤…

<script type=text/javascript src=/static/js/app.f8d4e6b6692427d014f5.js>

解決方案:

build目錄下的webpack.base.conf.js有publicPath，自己搜索下。
官方的腳手架如下：

publicPath: process.env.NODE_ENV === 'production' ? config.build.assetsPublicPath : config.dev.assetsPublicPath

這段代碼按照官方的腳手架三目運算最后會輸出：

publicPath:'/'

是把這段輸出換成你想要的，我這里部署到服務器是這樣寫:

publicPath:'./'

字體打包路徑問題，解決方案:

webpack打包vue項目，使用font-awsome字體，發現打包之后，font-awsome圖標不顯示，報錯為路徑不對。
看了下打包的路徑，的確路徑不對，打包之后font-awsome的文件是存放在static/fonts/下的，而訪問的時候static/css/static/fonts/

解決方案：

build > webpack.base.conf.js 里面loader的設置

{test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,loader: 'url-loader',options: {limit: 10000,name: utils.assetsPath('fonts/[name].[hash:7].[ext]')} }

limit值要設置為大一點，至少要比字體文件大

總結

以上是生活随笔為你收集整理的Vue-cli 打包CSS、JS找不到路径问题，解决方案的全部內容，希望文章能夠幫你解決所遇到的問題。

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