看了N个网页都没解决,最后吧file loader的useRelativePath设置为true解决了。看了一下,该属性是
生成一个相对 url ,难道之前打包的时候引入的都是绝对URL?这点求大佬指点。下面是引入font awesome的步骤。
1.下载font awesome
这是废话。我用的是CSS
2.引入font awesome
import '../../font-awesome/css/font-awesome.min.css';
3.webpack配置
{
test: /\.(eot|svg|ttf|woff|woff2)\w*/,// font awesome loader
use: [
{
loader: 'file-loader',
options: {
publicPath:'/fonts/',//打包到fonts文件夹
useRelativePath:true,//设置为相对路径
name:'[name].[ext]'
}
}
]
},{
test: /\.(css)$/, //因为我其他文件用的都是less,这里把font awesome的css单独打包
include:path.resolve(SRC_PATH, 'font-awesome'),
use:fontCss.extract({
fallback: "style-loader",
use: [{
loader: "css-loader",
}]
})
}