自己搭建的Vue项目,没有使用vue-cli,引入elementUI时,使用的是webpack直接打包工具,发现字体图标丢失你
记录一下解决办法:
webpack module配置:(build目录下webpack.base.conf.js文件)
{ test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/, loader: ‘url-loader‘, options: { limit: 10000, name: utils.assetsPath(‘fonts/[name].[hash:7].[ext]‘) } }
webpack 的utils.js 修改:(build目录下utils.js文件)
if (options.extract) { return ExtractTextPlugin.extract({ use: loaders, fallback: ‘vue-style-loader‘, publicPath: ‘../../‘ }) } else { return [‘vue-style-loader‘].concat(loaders) }
只是加了 publicPath: ‘../../‘
然后打包字体图片就可以显示了
原文地址:https://www.cnblogs.com/sloanlv/p/11106513.html
时间: 2024-10-08 01:26:31