为extract-text-webpack-plugin配置源映射

Question

当 devtools 配置选项设置为包含“source-map”（不仅仅是完全匹配）的任何值时，如何配置extract-text-webpack-plugin来生成源映射？

Answer 1

你应该反过来。 像这样的东西一定会奏效。如果需要，只需配置SCSS / LESS即可。

var DEBUG_MODE = process.env.NODE_ENV !== 'production';

module.exports = {
   ...
   devtool: DEBUG_MODE ? 'cheap-source-map' : 'source-map'
   ...
   module: {
          loaders: [
            { 
              test: /\.css$/, 
              loader: ExtractTextPlugin.extract("style-loader", "css-loader") 
            }
        ]
    },
    plugins: [
        new ExtractTextPlugin("styles.css")
    ]