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

vue文件打包之后發(fā)現(xiàn)路徑報(bào)錯(cuò)，檢查了index文件之后發(fā)現(xiàn)js和css的路徑為這樣,發(fā)現(xiàn)static前面多了一個(gè)斜杠，所以導(dǎo)致路徑錯(cuò)誤…

<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

這段代碼按照官方的腳手架三目運(yùn)算最后會(huì)輸出：

publicPath:'/'

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

publicPath:'./'

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

webpack打包vue項(xiàng)目，使用font-awsome字體，發(fā)現(xiàn)打包之后，font-awsome圖標(biāo)不顯示，報(bào)錯(cuò)為路徑不對(duì)。
看了下打包的路徑，的確路徑不對(duì)，打包之后font-awsome的文件是存放在static/fonts/下的，而訪問的時(shí)候static/css/static/fonts/

解決方案：

build > webpack.base.conf.js 里面loader的設(shè)置

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

limit值要設(shè)置為大一點(diǎn)，至少要比字體文件大

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。