如何从 webpack 入口点排除文件

Question

我正在使用以下 webpack 配置来处理/加载我的所有 sass 文件。一项重要的项目是我用来additionalData预先附加我的常用样式。然而，这会导致冲突，因为我的 webpack 条目是所有 sass 文件，这意味着我的 webpackcommonStyles.scss已经被加载。当我运行我的应用程序时，出现以下错误：

\n

错误信息：

\n

SassError: This file is already being loaded.\n  \xe2\x95\xb7\n1 \xe2\x94\x82 @import "src/styles/commonStyles.scss";\n  \xe2\x94\x82         ^^^^^^^^^^^^^^^^^^^^^^^\n  \xe2\x95\xb5\n  src/styles/sizes.scss 1:9  root stylesheet\n

\n

如何创建一个入口点，其中包含我的应用程序中除/排除之外的所有sass 文件（或者更好的是，文件夹中的任何文件）？谢谢您的帮助！ commonStyles.scss/src/styles/

\n

网络包配置：

\n

SassError: This file is already being loaded.\n  \xe2\x95\xb7\n1 \xe2\x94\x82 @import "src/styles/commonStyles.scss";\n  \xe2\x94\x82         ^^^^^^^^^^^^^^^^^^^^^^^\n  \xe2\x95\xb5\n  src/styles/sizes.scss 1:9  root stylesheet\n

\n

Answer 1

而不是 /**/*.{css,scss}尝试/**/!{commonStyles}.{css,scss}

或者：

entry: glob.sync(
  `${path.resolve(fs.realpathSync(process.cwd()), 'src')}/**/*.{css,scss}`,
  ignore: [
    '**/src/styles/commonStyles.scss',
  ],
),