typescript – 在Angular2和Webpack中使用CDN文件

所以我想知道是否有办法将CDN文件与webpack包一起包含在内.我一直在环顾四周,无法设置一个小的Angular2仓库,它不会使用Typescript转换器(使用CDN而不使用Systemjs)抛出错误.在我的index.html的底部,我有来自cdn.js的Angular2的各种依赖项,如下所示：

<script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/2.0.0-beta.0/angular2-polyfills.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/2.0.0-beta.0/Rx.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/2.0.0-beta.0/angular2.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/2.0.0-beta.0/http.min.js"></script>
<script src="js/app.js"></script><!--bundle from webpack-->

通常使用webpack,我知道它会调查我已安装的node_modules,然后将它们捆绑到app.js中,如下所示：

var webpack = require('webpack');

module.exports = {
  entry: "./src/typescript/app",devtool: 'source-map',output: {
    path: __dirname + "/app/js",publicPath: 'app/js',filename: "app.js"
  },resolve: {
    extensions: ['','.js','.ts']
  },module: {
    loaders: [{
      test: /.ts/,loaders: ['ts-loader'],exclude: /node_modules/
    }]
  }
};

我的tsconfig.json也可供参考：

{
  "compilerOptions": {
    "emitDecoratorMetadata": true,"experimentalDecorators": true,"target": "es5","module": "commonjs","removeComments": true,"sourceMap": false
  },"exclude": [
      "node_modules"
  ]
}

但是,对于这段代码,我只想转换然后将我的Typescript文件连接到一个app.js文件中.我想忽略node_modules,让我们使用上面CDN的js文件.但是,我仍然感到困惑的是如何让我的包知道angularc已包含在cdn中,因为它给我一个错误：uncaught Error：找不到模块“angular2 / platform / browser”.

任何帮助,将不胜感激！

// webpack.config.js
module.exports = {
  externals: {
    'angular2/platform/browser': 'angular.platform.browser'
  }
  ...
};