webpack - 为 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")
    ]