使用extract-text-webpack-plugin将scss解压缩到多个文件中？

Question

我的文件夹结构是这样的

|
|-scss/
    |-main1.scss
    |-main2.scss

是否可以使用extract-text-webpack-plugin将这两个入口点两个单独的文件提取出来？

目前，我将其作为单个文件获取。

Answer 1

如果您在webpack配置中指定了两个入口点，如下所示：

entry: {
    main1: __dirname + '/src/main1.js',
    main2: __dirname + '/src/main2.js',
},
ouput: {
    path: __dirname,
    filename: '[name].js'
}

我认为您的main1.scss已导入main1.js文件，main2.scss已导入main2.js。

然后，您可以在extract-text-webpack-plugin上使用[name]占位符，该插件应为每个入口点创建单独的输出文件：

plugins: [
    new ExtractTextPlugin('[name].css')
]

这应该为您输出两个单独的css文件：main1.css和main2.css

希望这有帮助！