如果我使用require("./about.html")，则会得到以下错误:
模块分析失败:意外令牌(1:0)您可能需要 适用于处理此文件类型的加载器，目前没有加载器 配置为处理此文件.
我已经安装了html-Loader，并设置了我的webpack.config.js文件，但我不知道为什么我仍然收到这个错误.这是我的webpack.config.js%文件:
module.exports = {
module: {
rules: [
{
test: /\.html$/i,
loader: "html-loader",
options: {
minimize: true,
}
},
],
},
};
我找到了一个对我有效的解决方案.
我可以使用react-app-rewired来更改我的webpack配置，而不是在根目录中放置webpack.config文件.
更多信息点击此处:https://github.com/timarney/react-app-rewired
然后，在config-overrides.js文件中，我进行了以下更改:
module.exports = function override(config, env) {
//do stuff with the webpack config...
let RuleToAdd = {
test: /\.html$/,
loader: "html-loader",
options: {minimize: true}
};
config.module.rules.push(RuleToAdd);
return config;
}
现在，使用require("./about.html")可以很好地工作.