WebPack：将 SCSS 文件编译成自己的文件

Question

我正在尝试配置 Webpack 为我将 som SCSS 文件编译为 CSS，它的工作方式与预期相同，但有一个例外。

我希望 webpack 将所需的目录结构保留在我的样式表中，而不是捆绑到一个巨大的 CSS 文件中。

使用 MiniCssExportPlugin 和 extract-text-webpack-plugin 的每个解决方案都只是在一个文件中进行捆绑，这对我来说并不理想，因为我不想创建单页应用程序。

Answer 1

您必须为每个 scss 文件指定一个输出条目...

entry['myStyle'] = 'myFile.scss';

在指定输出时保留原文件名

output: {
            filename: '[name].js'
        },

唯一的问题是它会生成一个'.js'

但是：

您可以删除为您的 scss 文件生成的额外 js 文件，使用“EventHooksPlugin”触发完成事件，您将在其中删除它们