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

Я создаю пустой файл scss, затем использую псевдоним '../theme/src/fonts/dist/_icons.scss': emptyScssfilepath, поэтому сборка будет использовать этот пустой файл scss.

Answer 2

Вы можете попробовать.

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