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

Question

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

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

你可以尝试一下。

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

Answer 2

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