如何在浏览器中隐藏或Uglify Typescript文件？

Question

我正在开发一个带有Typescript,Angular2和Ionic2的应用程序.现在当我在浏览器中运行该文件时,我可以看到来自.ts文件的所有源代码.

有谁知道如何隐藏这个？见下图.

Answer 1

在您的tsconfig.json文件中:

"compilerOptions": {
        ...
        "sourceMap": false,
        ...
    }

如果禁用源映射,将不再从映射文件加载您的打字稿.但是为了完全"隐藏"它们,你可以在生产中推送代码后将它们删除,因为一旦将应用程序发送给JS,应用程序就不需要使用打字稿了.

另外,请记住,Typescript被传递给JS,它仍然是客户端代码,并且它将被客户端读取.如果你想混淆你的代码,你应该看看webpack(由angular-cli使用)