有没有办法让 Webpack 2 忽略需要 (CommonJS) 调用?不转译它们

Question

我有代码有

require(...)

我们可以让 Webpack 忽略它而不碰它，以便我可以在我的 Webpack 捆绑包中使用运行时 RequireJS 吗？

原因是因为我想在我的应用程序中使用 webpack 编译新代码，并允许它使用 RequireJS 来提取我的旧代码，这些代码已经是 requirejs 调用，带有一堆难以移植到现代模块的黑客。我只想在使用 Webpack 编写新代码时以旧方式导入它们。

我们该怎么做呢？

Answer 1

将新代码放在一个文件夹中，然后将 webpack 指向它，或者相反，将旧代码放在文件夹中，或将每个遗留文件重命名为 file.legacy.js然后使用忽略插件：

var ignore = new webpack.IgnorePlugin(/legacy.js$/)
module.exports = {
  //other options goes here
  plugins: [ignore]
}