如何禁用原生HTML、CSS和JavaScript文件的Source Maps？

原生JavaScript文件 #

• 纯手写的原生JS不会自动生成source map，除非你手动给它关联了.map文件——直接删掉对应的.map文件，或者去掉JS文件末尾的//# sourceMappingURL=xxx.map注释就行。
• 要是用了编译工具（比如Babel、Rollup）生成的JS，直接在工具配置里关闭source map输出：
  • Babel：在.babelrc或项目配置文件里设置sourceMaps: false
  • Rollup：在配置的output字段里写sourcemap: false

原生CSS文件 #

• 纯手写的CSS同样不会自动生成source map，若用了预处理器（Sass、Less）或PostCSS这类工具：
  • Sass：命令行编译时加--no-source-map参数，或者在配置文件里设sourceMap: false
  • Less：命令行用--source-map=off，配置文件里设置sourceMap: false
  • PostCSS：比如postcss-loader的配置里把sourceMap设为false
  • 要是已经生成了.css.map文件，直接删除，同时去掉CSS文件末尾的/*# sourceMappingURL=xxx.map */注释

原生HTML文件 #

• HTML本身没有source map的概念，只有用了HTML预处理器或模板生成工具时才可能出现关联的source map——直接在对应工具的配置里关闭source map输出即可。纯静态HTML完全不需要处理，因为不存在source map。

内容的提问来源于stack exchange，提问作者Drew Gallagher