Webpack：使用 webpack.ignorePlugin 时出现“找不到模块”问题

Question

在我的代码中，我有一个导入语句如下：

import '../theme/src/fonts/dist/_icons.scss'

我想意识到的是，我不想在构建状态时导入这个文件，这意味着在构建阶段我想忽略这个语句。 所以我使用webpack.ignoreplugin ，我的设置如下：

...,
plugins: [
    ...,
    new webpack.IgnorePlugin(/^\.\.\/theme\/src\/fonts\/dist\/_icons\.scss/, /binder$/),
    ....
]

好吧，在我构建的文件中， icons.scss没有被导入，这意味着它被忽略了。 但是当我打开构建的文件时，它有以下错误：

throw new Error("Cannot find module \"../theme/src/fonts/dist/_icons.scss\"")

那么我使用webpack.ignorePlugin什么问题吗？

Answer 1

我有同样的问题，并发现这是 webpack 维护者的预期行为： https : //github.com/webpack/webpack/issues/2858 。 你是对的，推荐的解决方案是使用别名。

Answer 2

你可以试试。

module.exports = {
  //...
  externals: /^\.\.\/theme\/src\/fonts\/dist\/_icons\.scss/
};

Answer 3

我生成一个空的 scss 文件，然后使用别名'../theme/src/fonts/dist/_icons.scss': emptyScssfilepath ，因此构建将使用这个空的 scss 文件。