即使配置了webpack.config.js,html-loader也不工作

pkwftd7m  于 2023-05-18  发布在  Webpack
关注(0)|答案(1)|浏览(135)

如果我使用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,
        }
      },
    ],
  },
};
wztqucjr

wztqucjr1#

我找到了一个适合我的解决方案。
我可以使用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")工作正常。

相关问题