原本项目执行构建命令,字体包能正确输出到指定位置,但是随着打包的文件增加,发现 dist/fonts
文件夹内字体包丢失了
使用 vue inspect
检查配置,结果:
/* config.module.rule('fonts') */
{
test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/i,
use: [
{
loader: 'D:\\**\\node_modules\\url-loader\\dist\\cjs.js',
options: {
limit: 4096,
fallback: {
loader: 'D:\\**\\node_modules\\file-loader\\dist\\cjs.js',
options: {
name: 'fonts/[name].[hash:8].[ext]'
}
}
}
}
]
},
猜测是 limit
过小导致的,在 vue.config.js
修改配置
config.module
.rule('fonts')
.use('url-loader')
.loader('url-loader')
.tap(options => {
options.limit = 10000
return options
})
执行构建,字体包正确输出~