ElementUI 字体文件丢失
引用elementUi 控制台报错字体文件丢失 , 检查后发现是打包后css文件的引用路径出现问题,做出以下修改
在webpack.base.config.js中修改url-loader
{
test: /\.(woff2?|eot|ttf|otf|woff)(\?.*)?$/,
loader: 'url-loader',
options: {
limit: 10000,
name: utils.assetsPath('fonts/[name].[hash:7].[ext]')
}
},
修改utils.js ,ExtractTextPlugin的publicPath的路径
// Extract CSS when that option is specified
// (which is the case during production build)
if (options.extract) {
return ExtractTextPlugin.extract({
use: loaders,
fallback: 'vue-style-loader',
publicPath: '../../'
})
} else {
return ['vue-style-loader'].concat(loaders)
}