使用extract-text-webpack-plugin將scss提取到多個文件中？

Question

我的文件夾結構是這樣的

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

是否可以使用提取文本-的WebPack-插件來提取這兩個入口點兩個單獨的文件？

目前，我把它作爲一個單一的文件。

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進口。

然後，您可以使用[name]佔位符的提取物 - 文本的WebPack-插件，它應該爲每個入口點一個單獨的輸出文件：

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

這應該爲你輸出兩個獨立的css文件： main1.css和main2.css

希望這有助於！