vue项目用webpack打包后运行后找不到.ttf及.woff文件
Posted 金州恶汉拉文
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了vue项目用webpack打包后运行后找不到.ttf及.woff文件相关的知识，希望对你有一定的参考价值。
webpack.base.config 文件中
修改前：
{
test: /.css$/,
use: ExtractTextPlugin.extract({
use: [‘css-loader?minimize‘, ‘autoprefixer-loader‘],
fallback: ‘style-loader‘
})
},
{
test: /.less$/,
use: ExtractTextPlugin.extract({
use: [‘css-loader?minimize‘,‘autoprefixer-loader‘, ‘less-loader‘],
fallback: ‘style-loader‘
}),
},
修改后：
{
test: /.css$/,
use: ExtractTextPlugin.extract({
use: [‘css-loader?minimize‘, ‘autoprefixer-loader‘],
publicPath:‘./‘,
fallback: ‘style-loader‘
})
},
{
test: /.less$/,
use: ExtractTextPlugin.extract({
use: [‘css-loader?minimize‘,‘autoprefixer-loader‘, ‘less-loader‘],
publicPath:‘./‘,
fallback: ‘style-loader‘
}),
},
就是增加了publicPath:‘./‘,（可能还是找不到，具体F12看报错，然后进行调整或改为 publicPath:‘../../‘或改为publicPath:‘../dist/‘, 看个人的配置 ）
以上是关于vue项目用webpack打包后运行后找不到.ttf及.woff文件的主要内容，如果未能解决你的问题，请参考以下文章
关于webpack webpack-cli全局安装后找不到webpack命令的解决方案
16.如何做到webpack打包vue项目后，可以修改配置文件