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'

但是：

您可以在触发已完成事件的过程中使用“ EventHooksPlugin”来删除为scss文件生成的额外js文件