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,
                            },
                        },
                    ],
                },

您还可以使用suppress-chunks-webpack-plugin删除.css.map文件，因为即使Webpack还是空的，Webpack仍会写入它们。

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

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

如何配置webpack 3.5.4只为JS创建源映射，并跳过CSS？

1 个答案: