Webpack模块解析引导css失败
Webpack模块解析引导css失败
提问于 2021-08-06 19:02:13
我想和webpack合作
npm运行构建
但是我得到了以下错误
./node_modules/bootstrap/dist/css/bootstrap.min.css 1:0模块解析中的
错误失败:意外字符“@”(1:0)您可能需要一个适当的加载程序来处理该文件类型，目前还没有配置加载程序来处理该文件。见https://webpack.js.org/concepts#loaders @charset "UTF-8";/*！\x{e76f}引导程序v5.0.2 (https://getbootstrap.com/) \x{e76f}*版权2011-2021自举作者
我的webpack配置如下
const path = require("path");
module.exports = {
mode: "production",
entry: "./paginate.js",
output: {
path: path.resolve("./"),
filename: "index.js",
libraryTarget: "commonjs2",
},
module: {
rules: [
{
test: /\.js|jsx?$/,
exclude: /(node_modules)/,
use: {
loader: 'babel-loader',
options: {
presets: ['@babel/preset-env', '@babel/preset-react']
}
}
}
],
},
externals: {
react: "react",
},
};.babelrc文件看起来像
{
"presets": ["@babel/preset-env", ["@babel/preset-react", {
"runtime": "automatic"
}]]
}我已经搜索过了，但似乎找不到合适的装载机。
回答 1
Stack Overflow用户
发布于 2021-08-06 23:21:36
我不确定，只是猜测，很可能引导程序正在尝试导入CSS或scss，而且您没有为它定义的加载程序。
试着添加：
{
test: /\.s?[ac]ss$/,
use: ['style-loader', 'css-loader', 'sass-loader'],
exclude: [/node_modules/],
},您的webpack规则，并安装这些模块与--保存-开发。
边节点，这个规则外泄test: /\.js|jsx?$/,是不正确的，只使用test: /\.jsx?$/,。"?“表示x是可选的。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/68686447
复制相关文章
相似问题
腾讯云开发者
