在生产中隐藏开发人员工具中的原始 .svelte 文件

Question

目前，当我在浏览器中打开开发人员工具时，我可以看到我的原始精简组件，我想隐藏此信息并仅发送丑陋的代码。

这是我打开开发者工具时得到的结果。我正在构建一个single page application.

这是我的rollup.config.js

这是我用来运行项目/汇总的脚本。在发现package.json

 "scripts": {
      "build": "rollup -c",
      "dev": "rollup -c -w",
      "start": "sirv public --host 0.0.0.0 --port 2222 --single"
} 

对于我运行的生产npm run build

我已设置sourcemap: false，在 中rollup.config.js，源文件已从/public/build文件夹中消失，但浏览器仍然显示组件

Answer 1

如果您使用默认的 svelte 模板，它被配置为包含源映射，在您将rollup.config.js输出对象更改为

output: {
   sourcemap: !production
}

这将在开发时启用源映射，但在生产时则不会