首页 > webpack如何配置ExtractTextPlugin才能不让入口引入的多个css文件,打包成一个(有些css文件不需要合并)

webpack如何配置ExtractTextPlugin才能不让入口引入的多个css文件,打包成一个(有些css文件不需要合并)


webpack如何配置ExtractTextPlugin才能不让入口引入的多个css文件,打包成一个(有些css文件不需要合并)


如果想要拆分多個檔案,那麼就先初始化 instance,接著透過 loader 的 test 去過濾吧我想

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

// multiple extract instances
let cssExtractor = new ExtractTextPlugin('stylesheets/[name].css');
let lessExtractor = new ExtractTextPlugin('stylesheets/[name].less');

module.exports = {
  module: {
    loaders: [
      {test: /\.scss$/i, loader: cssExtractor.extract(['css','sass'])},
      {test: /\.less$/i, loader: lessExtractor.extract(['css','less'])},
      ...
    ]
  },
  plugins: [
    cssExtractor,
    lessExtractor
  ]
}
【热门文章】
【热门文章】