如何让Parcel生成内联Source Maps？

要让Parcel将Source Map嵌入到输出文件中，有两种常用实现方式：

1. 命令行直接指定参数 #

执行Parcel构建或开发命令时，添加--inline-source-maps参数即可实现内联：

# 生产构建
parcel build src/index.js --inline-source-maps

# 开发模式热重载
parcel src/index.js --inline-source-maps

2. 配置package.json脚本避免重复输入 #

把参数整合到项目的package.json脚本里，后续直接执行npm命令即可：

{
  "scripts": {
    "build": "parcel build src/index.js --inline-source-maps",
    "dev": "parcel src/index.js --inline-source-maps"
  }
}

注意事项 #

• 内联Source Map会直接附加在输出文件末尾，会明显增大文件体积，因此生产环境无需调试时不建议使用。
• 上述参数适用于Parcel 2.x及以上版本；若你使用的是Parcel 1.x，对应参数为--inline。

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