我使用了SystemJS,就像Angular在他们的文档中一样。现在我想要为开发和生产部署打包东西,所以我开始遵循Angular网站上Webpack教程:https://angular.io/docs/ts/latest/guide/webpack.html#!#common-configuration
我完成了教程,但是我在许多文件中都遇到了以下构建错误:
Build:找不到名称“Set”。 Build:找不到名称“Promise”。 Build:找不到名称“Map”。
有些教程的部分我不确定,我认为它们可能是这个问题和/或其他问题的根源。
我最大的担忧之一是,在最初构建我的应用程序时(在使用Webpack之前),我偏离了文档。为了避免在我的应用程序文件夹中混乱,我将以下代码添加到systemjs.config.js文件中,以便将转译后的JavaScript文件发送到dist文件夹:
我还在我的tsconfig.json文件的“compilerOptions”中添加了以下代码:
Build:找不到名称“Set”。 Build:找不到名称“Promise”。 Build:找不到名称“Map”。
有些教程的部分我不确定,我认为它们可能是这个问题和/或其他问题的根源。
我最大的担忧之一是,在最初构建我的应用程序时(在使用Webpack之前),我偏离了文档。为了避免在我的应用程序文件夹中混乱,我将以下代码添加到systemjs.config.js文件中,以便将转译后的JavaScript文件发送到dist文件夹:
map: {
app: 'Angular2_Apps/Tasks/dist',
...
}
我还在我的tsconfig.json文件的“compilerOptions”中添加了以下代码:
"outDir": "dist",
现在我的转译后的JavaScript文件已经放到我创建的dist文件夹中,为了组织目的,我希望将它们保留在那里。我需要更改Webpack文件来适应这一点吗?
systemJS
或切换到rollup
,因为Webpack
用于捆绑你的代码,它会变得有点重。此外,如果你想使用Webpack,只需使用一个入门包,你可以根据自己的需要进行修改。https://github.com/AngularClass/angular2-webpack-starter
- PaladiNWebpack
来打包我的所有html
、css
和js
,并且我对它感到满意。我稍后会将它们打包成更小的块,但对于开发
阶段来说,这对我来说是可以接受的。一开始我使用的是systemJS
,但我无法将vendor
代码打包成单个文件,所以我转向了Webpack
,但我不确定systemJS
是否打包了所有的 html 和 css 文件,如果你最终要切换到webpack
或者更好地打包成小尺寸,你可以切换到rollup
。 - PaladiN