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

【问题标题】：Webpack: 'Cannot find module' issue when using webpack.ignorePluginWebpack：使用 webpack.ignorePlugin 时出现“找不到模块”问题
【发布时间】：2018-09-10 02:59:44
【问题描述】：

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

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 有什么问题吗？

【问题讨论】：

标签： javascript webpack webpack-4

【解决方案1】：

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

【讨论】：

【解决方案2】：

你可以试试看。

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

【讨论】：

【解决方案3】：

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

【讨论】：