javascript - Webpack - 找不到模块 raw-loader

Question

我需要加载一个 JS 文件作为字符串，以便我可以对其进行一些分析。我正在尝试将 raw-loader 与 Webpack (2.2.0) 结合使用。

我得到:找不到模块 'raw-loader!../

我试过了(是的，路径是正确的):

let app = require('raw-loader!../../app.js').default;

let app = require('!!raw-loader!../../app.js').default;

我什至尝试过不使用内联。 Raw-loader 没有参与，它只是试图正常加载 JS 文件:

module.exports = {
  module: {
    rules: [
      {
        test: /\app.js$/i,
        use: 'raw-loader',
        loader: 'raw-loader',
      }
    ]
  }
}

raw-loader 在我项目的 package.json 中。它存在于我的节点模块中。我已经吹走了我的 node_modules 并重新安装了。我查看了许多解决方案，但似乎没有任何解决方案。

Answer 1

您的正则表达式模式有误。

您正在使用匹配响铃字符 (ASCII 7) 的 \a

和.匹配任何字符，你需要转义它。

此外，同时使用 use 和 loader 会产生误导。你应该只使用一个 - 看到这个答案: When do I use 'use' and 'loader' in Webpack 2 module.rules?

尝试使用:

module.exports = {
  module: {
    rules: [
      {
        test: /app\.js$/i,
        loader: 'raw-loader'
      }
    ]
  }
}