vue2+element-ui项目打包, element-icons.woff 和element-icons.ttf 字体文件路径错误,解决方法
先修改 config/index.js文件,将 assetsPublicPath 的 ‘/’ 改为 ‘./’卸载现有的element-ui,重新安装npm uninstall element-uinpm install element-ui若不行,则继续往下看由下图可知,通过url-loader将 woff2?|eot|ttf|otf 相关文件打包到 fonts/ 目录下;代码{test: /\.
·
先修改 config/index.js文件,将 assetsPublicPath 的 ‘/’ 改为 ‘./’
卸载现有的element-ui,重新安装
npm uninstall element-ui
npm install element-ui
若不行,则继续往下看
由下图可知,通过url-loader将 woff2?|eot|ttf|otf 相关文件打包到 fonts/ 目录下;
代码
{
test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
loader: 'url-loader',
options: {
limit: 10000,
name: utils.assetsPath('fonts/[name].[hash:7].[ext]')
}
}
这里用到的utils,来自vue-cli的生成的项目文件,和webpack.base.conf.js同一级目录。
ExtractTextPlugin.extract配置的情况
在 build/utils 文件中的下图所示位置添加 publicPath: ‘…/…/’
代码
if (options.extract) {
return ExtractTextPlugin.extract({
use: loaders,
fallback: 'vue-style-loader',
publicPath: '../../'
})
} else {
return ['vue-style-loader'].concat(loader)
}
没有ExtractTextPlugin.extract配置的情况
if (options.extract) {
loaders.push({
loader: MiniCssExtractPlugin.loader,
options: {
publicPath: '../../'
}
})
} else {
loaders.push('vue-style-loader')
}
更多推荐
已为社区贡献7条内容
所有评论(0)