安装extract-text-webpack-plugin 插件 错误

Question

如图
我想安装extract-text-webpack-plugin 已便从js里 分离出css 然后合并
cmd命令 安装extract-text-webpack-plugin 插件提出警告
webpack 配置没问题 但还是不分离css 最后还是css与js 混合在一起

求大神解决方法 （图2 是webpack配置文件）

Answer 1

需要在css的loader配置下。

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

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

module.exports = {
  ...
  module: {
    loaders: [
      { test: /\.scss$/i, loader: extractCSS.extract(['css','sass']) },
      { test: /\.less$/i, loader: extractLESS.extract(['css','less']) },
      ...
    ]
  },
  plugins: [
    extractCSS,
    extractLESS
  ]
};

https://github.com/webpack/ex...

Answer 2

除了配置plugins外，还需要在css.loader处做相应的配置，具体请看这篇文章：《webpack多页应用架构系列（五）：听说webpack连less/css也能打包？》