Javascript 使用ngtools/webpack进行AOT编译,编译器仍在捆绑包中
我正在尝试使用AOT编译来生成产品构建。一切似乎都很好地工作,除了我的供应商包中还有Javascript 使用ngtools/webpack进行AOT编译,编译器仍在捆绑包中,javascript,angular,typescript,webpack,Javascript,Angular,Typescript,Webpack,我正在尝试使用AOT编译来生成产品构建。一切似乎都很好地工作,除了我的供应商包中还有编译器。AFAIK AOT编译的目标之一是将其从生成的包中删除,并减少应用程序大小 在生成的bundle中没有编译器,如何生成正确的AOT构建 我的网页包配置: var webpack = require('webpack'); var webpackMerge = require('webpack-merge'); var ExtractTextPlugin = require('extract-text-we
编译器
。AFAIK AOT编译的目标之一是将其从生成的包中删除,并减少应用程序大小
在生成的bundle中没有编译器
,如何生成正确的AOT构建
我的网页包配置:
var webpack = require('webpack');
var webpackMerge = require('webpack-merge');
var ExtractTextPlugin = require('extract-text-webpack-plugin');
var commonConfig = require('./webpack.common.js');
var helpers = require('./helpers');
var ngtools = require('@ngtools/webpack');
var AotPlugin = ngtools.AotPlugin;
const ENV = process.env.NODE_ENV = process.env.ENV = 'production';
module.exports = webpackMerge(commonConfig, {
devtool: 'source-map',
output: {
path: helpers.root('../../../target/rhamt-web'),
filename: 'js/[name].js',
chunkFilename: 'js/[id].chunk.js'
},
module: {
loaders: [
{
test: /\.ts$/,
exclude: /jquery*\.js/,
loaders: '@ngtools/webpack'
}
]
},
plugins: [
new webpack.NoEmitOnErrorsPlugin(),
new ExtractTextPlugin('css/[name].css'),
new AotPlugin({
tsConfigPath: './tsconfig-production.json',
basePath: '.',
mainPath: 'src/main.ts',
skipCodeGeneration: true
}),
new webpack.optimize.UglifyJsPlugin({ // https://github.com/angular/angular/issues/10618
mangle: {
keep_fnames: true
}
}),
new webpack.DefinePlugin({
'process.env': {
'ENV': JSON.stringify(ENV)
}
})
]
});
tsconfig:
{
"compilerOptions": {
"target": "es5",
"module": "es2015",
"baseUrl": "",
"moduleResolution": "node",
"sourceMap": false,
"emitDecoratorMetadata": true,
"experimentalDecorators": true,
"removeComments": true,
"noImplicitAny": false,
"inlineSources": false,
"rootDir": "./",
"outDir": "../../../target/tscoutput"
},
"compileOnSave": false,
"buildOnSave": false,
"awesomeTypescriptLoaderOptions": {
"forkChecker": true,
"useWebpackText": true
}
}
我有以下版本的工具:
angular: 4.1.2
@ngtools/webpack: 1.3.1
webpack: 2.2.0
感谢您的参考,不幸的是,它没有帮助:(这里有相同的问题。@angular/platform browser dynamic仅从引导文件中引用,该文件应该由ngtools动态重写。请尝试将
skipCodeGeneration:true
更改为false