将 Angular2 与 browserify 集成

【问题标题】：Integrating Angular2 with with browserify将 Angular2 与 browserify 集成
【发布时间】：2016-05-22 10:09:29
【问题描述】：

关于如何使用 Angular2 systemJS 模块加载器的例子有很多。如何将 Angular2 与 browserify 集成？是不是因为某种原因不推荐？

【问题讨论】：

标签： angular browserify systemjs

【解决方案1】：

这是可能的。如果您使用的是 typescript，请在 tsconfig.json 中将模块系统更改为“commonjs”：

"compilerOptions": {
    "target": "es5",
    "module": "commonjs",
    "moduleResolution": "node",
    "sourceMap": true,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
        "removeComments": false,
        "noImplicitAny": false   
}

将 .ts 文件转换为 .js 文件后，您可以在应用程序的入口点 js 文件上执行 browserify。例如：

browserify ./js/main.js > ./dist/bundle.js

当然，这可以通过 gulp 或 grunt 作为构建系统的一部分来自动化。

【讨论】：