element 項目打包之後icon圖標丟失

項目打包部署後icon圖標不顯示 ,控制檯顯示 element-icons.woff和element-icons.ttf文件找不到

解決方案:

修改build目錄下文件utils.js

添加 publicPath: '../../'

if (options.extract) {
    return ExtractTextPlugin.extract({
        use: loaders,
        fallback: 'vue-style-loader',
        publicPath: '../../'            //解決ele小圖標出不來問題
    })
} else {
    return ['vue-style-loader'].concat(loaders)
}

 打包完以後路徑不對了,加載文件,圖片不出來

解決辦法:找到config裏面的index.js,加入assetsPublicPath: './',

build: {
    // Template for index.html
    index: path.resolve(__dirname, '../dist/index.html'),
 
    // Paths
    assetsRoot: path.resolve(__dirname, '../dist'),
    assetsSubDirectory: 'static',
    assetsPublicPath: './', //解決打包完路徑不對的問題

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章