svelte - 在生产环境中隐藏来自开发者工具的原始 .svelte 文件

Question

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

这是我打开开发者工具时得到的。我正在构建一个单页应用程序。

这是我的 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

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

output: {
   sourcemap: !production
}

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