首页 > 解决方案 > 如何更改 webpack 生成的 CSS 的源地图 URL?

问题描述

我正在使用 Webpack 编译 React 应用程序。

构建完成后,会生成多个文件/build/static/css夹名称如11.a765b096.chunk.css的css文件,css文件的最后一行是:

/*# sourceMappingURL=11.a765b096.chunk.css.map */

但是我想将其更改为:

/*# sourceMappingURL=https://www.somedomain/somefolder/static/css/11.a765b096.chunk.css.map */

有没有什么插件可以做到这一点?谢谢!


我已经尝试将以下插件添加到webpack.config.js中,但它只会更改源映射 url js,它不会更改css文件的源映射 url:

isEnvProduction && shouldUseSourceMap && new webpack.SourceMapDevToolPlugin({
  filename: '[file].map',
  publicPath: '/somefolder/'
})

标签: cssreactjswebpacksource-maps

解决方案


推荐阅读