当前位置: 首页 > Web前端 > vue.js

create-react-app架构项目打包生产环境的代码如何关闭sourcemap?

时间:2023-04-01 13:02:47 vue.js

答案很简单,配置环境变量GENERATE_SOURCEMAP=false。可以在打包的时候加上,比如GENERATE_SOURCEMAP=falsenpmrunbuild也可以直接设置环境变量然后打包,比如通过.env等文件,或者ci配置的settings/pipelines/Secretvariables来设置。解释什么是源地图?按照字面理解,就是源码图。它的作用是将发布的代码与源代码关联起来,方便在浏览器或其他运行环境中进行调试。懂的人都知道,不用多解释。参考代码的来源是/config/webpack.config.prod.js,你可以找到这样一个变量shouldUseSourceMap。如何验证包中的sourcemap是否被成功移除?每个人都有自己的方式。正在考虑一种更好的方式来处理sourcemaps?sourcemap直接暴露在生产环境中。有一些不雅和安全的考虑。能不能把sourcemap的路径映射到内网环境?这样,只有能访问内网环境的人才可以加载sourcemap,对sourcemap有一定的保护作用。