webpack加载bootstrap报错
本文介绍了webpack加载bootstrap报错的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
require('./sdk/bs3/css/bootstrap.css');
loader的配置
loaders: [
{ test: /\.scss$/, loader: "style!css!sass" },
{ test: /\.css$/, loader: "style!css" }, {
test: /\.(png|jpg|git|svg)$/,
loader: 'url-loader',
query: {
name: config.dir.img + '[name].[ext]',
limit: 1
}
}, {
test: /\.json$/,
loader: 'json'
}, {
test: /\.html$/,
loader: 'html?interpolate'
}, {
test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
loader: 'file-loader',
query: {
limit: 1,
name: config.dir.font + '[name].[ext]')
}
}
]
报错
解决方案
看错误,就是你的loader
的匹配表达式没起作用,我不太清楚你那么写是否OK,但可以改改:
{
test: /\.(eot|otf|ttf|woff|woff2)\w*/,
loader: 'file-loader',
query: {
limit: 1,
name: config.dir.font + '[name].[ext]'
}
}
这篇关于webpack加载bootstrap报错的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文