icon不顯示發現是路徑不對，/dist/static/css/static/fonts/732389de.element-icons.ttf多了css/static
正確路徑應該是/dist/static/fonts/732389de.element-icons.ttf
vue-cli2可以更改utils.js檔案
，然后在config里面的index.js，加入assetsPublicPath: './',
if (options.extract) {
return ExtractTextPlugin.extract({
use: loaders,
fallback: 'vue-style-loader',
publicPath: '../../', // 解決ele小圖示出不來問題
})
} else {
return .concat(loaders)
}
build: {
// Template for index.html
index: path.resolve(__dirname, '../dist/index.html'),
// Paths
assetsRoot: path.resolve(__dirname, '../dist'),
assetsSubDirectory: 'static',
assetsPublicPath: './', //解決打包完路徑不對的問題但是vue-cli3沒有了build檔案夾，需要自己建vue.config.js檔案
配置里面加入publicPath: './'，
module.exports = {
publicPath: './',然而到了webpack4，不支持自定義這樣配置了，需要在rules里面配置
{ test: /\.(sa|sc|c)ss$/,
use: [
{
loader: devMode ? 'style-loader' : MiniCssExtractPlugin.loader,
options: {
// 公共路徑
// 默認情況下，使用的是webpackOptions.output中publicPath
publicPath: '../../',
//開發環境配置熱更新
hmr: process.env.NODE_ENV === 'development',
},
},
'css-loader',
'sass-loader'
]
},。到此就可以了
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/51645.html
標籤：JavaScript
上一篇：求助