我想实现我的角/的WebPack应用NGC编译配置。 我有我的根文件夹象下面这样tsConfig-aot.json。
{
....
"files": [
"src/app/app.module.ts",
"src/app/lazy/about/about.module.ts",
"src/app/lazy/employees/employees.module.ts",
"src/app/lazy/login/login.module.ts",
"src/app/lazy/employee-details/employee-details.module.ts"
],
"include": [
"src/polyfills.ts",
"src/vendor.ts"
],
"exclude": [
"./node_modules",
"./**/*.e2e.ts",
"./**/*.spec.ts",
"./src/main-aot.ts"
],
"angularCompilerOptions": {
"genDir": "./aot",
"skipMetadataEmit": true
}
}
而我的WebPack的配置如下。
module.exports = {
entry: {
'polyfills': './src/polyfills.ts',
'vendor': './src/vendor.ts',
'app': './src/main-aot.ts'
},
resolve: {
extensions: ['.ts', '.js']
},
module: {
rules: [
{
test: /\.ts$/,
loaders: [
{
loader: '@ngtools/webpack',
options: { configFileName: helpers.root('tsconfig-aot.json') }
}, 'angular-router-loader?aot=true&genDir=aot/', 'angular2-template-loader'
],
exclude: [/node_modules/, /\.(spec|e2e)\.ts$/]
},
]
},
plugins: [
new AngularCompilerPlugin({
tsConfigPath: 'tsconfig-aot.json',
sourceMap: true
}),
new webpack.optimize.CommonsChunkPlugin({
names: ['app', 'vendor', 'polyfills']
}),
...
]
};
我想实现我的应用程序的AOT编译配置。 然而,当我运行./node_modules/.bin/ngc -p ./tsconfig-aot.json
。 我的应用程序编译失败,出现错误说法
SRC /主AOT从打字稿编译失踪
我main.aot写入如下
import { platformBrowser } from '@angular/platform-browser';
import { enableProdMode } from '@angular/core';
import { AppModuleNgFactory } from '../aot/src/app/app.module.ngfactory';
enableProdMode();
platformBrowser().bootstrapModuleFactory(AppModuleNgFactory);
当我更新我的tsconfig-aot
加入主AOT在文件反对,错误改为"aot/src/app/app.module.ngfactory" has no exported member 'AppModuleNgFactory'
。 我认为后者是因为AOT文件夹尚未产生。 请我如何正确配置呢? 任何帮助,将不胜感激。