我一直在试图弄清楚如何在生产中跳过 CSS 源映射,因为我只需要 JS。有没有办法做到这一点?
我可以稍后删除 *.css.map
文件,但我认为如果我可以跳过它们,构建会更快。
最佳答案
以下是我的 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 仍然会写入它们。
将新插件添加到您的配置中:
// Skip empty CSS source maps
new SuppressChunksPlugin([
{ name: 'your-entry', match: /\.css\.map$/ },
]),
关于javascript - 如何配置 webpack 3.5.4 只为 JS 创建源映射,并跳过 CSS?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51768117/