如何配置webpack 3.5.4只為JS創建源映射，並跳過CSS？

Question

我一直在嘗試找出如何在生產中跳過CSS源映射，因為我只需要JS。 有沒有辦法做到這一點？

我可以稍后再刪除*.css.map文件，但我認為如果可以跳過它們，構建速度會更快。

Answer 1

以下是我的webpack配置中的片段。 您可以簡單地將sourceMap選項的值設置為false ：

 {
                    test: /\.css$/,
                    exclude: /node_modules/,
                    use: [
                        {
                            loader: 'style-loader',
                        },
                        {
                            loader: 'css-loader',
                            options: {
                                sourceMap: false,
                                importLoaders: 2,
                            },
                        },
                        {
                            loader: 'resolve-url-loader',
                        },
                        {
                            loader: 'postcss-loader',
                            options: {
                                sourceMap: false,
                            },
                        },
                    ],
                },

您還可以使用prevent-chunks-webpack-plugin刪除.css.map文件，因為即使它們為空，webpack仍會寫入它們。

將新插件添加到您的配置中：

// Skip empty CSS source maps
new SuppressChunksPlugin([     
  { name: 'your-entry', match: /\.css\.map$/ },
]),