webpack extract-text-plugin输出多个css文件

我试图让我的webpack构建导出2个CSS文件，一个用于所有lib文件，另一个用于我的文件。我需要将这两个文件分别放入main.js中。 Atm将所有的CSS需求合并到一个文件中。webpack extract-text-plugin输出多个css文件

只有这样我已经能够生成的文件是通过拆分项：

entry: { 
    lib:'./style/lib.scss', 
    app: [ 
     './src/index.js', 
     './style/style.scss', 
    ], 
    },

但产生的lib.scss是一个风格的重复，而且这种方法还创建了一个redudant lib.js.有没有什么办法可以创建2个独立的css文件，或者设置任何需要的css都需要单独导出，而不是合并到单个文件中？

const ExtractTextPlugin = require('extract-text-webpack-plugin'); 

// Create multiple instances 
const extractStyle = new ExtractTextPlugin('style.css'); 
const extractLib = new ExtractTextPlugin('lib.css');

而且不同的文件夹中查找SCSS还有：

  { 
       test: /\.scss$/i, 
       include: resolve(__dirname, './../app/stylesheets'), 
       loader: extractLib.extract({ 
        fallback: 'style-loader', 
        use: [ 
         { 
          loader: 'css-loader', 
         }, 
         { 
          loader: 'sass-loader' 
         } 
        ] 
       }) 
      }, 
      { 
       test: /\.scss$/i, 
       include: resolve(__dirname, './../app/src'), 
       use: extractStyle.extract({ 
        fallback: 'style-loader', 
        use: [ 
         { 
          loader: 'css-loader', 
         }, 
         { 
          loader: 'sass-loader' 
         } 
        ] 
       }) 
      }

你可以在这里看到完整的例子：

来源

2017-05-01 Graeme Paul