Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/31.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用ngtools/webpack进行AOT编译,编译器仍在捆绑包中_Javascript_Angular_Typescript_Webpack - Fatal编程技术网

Javascript 使用ngtools/webpack进行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

我正在尝试使用AOT编译来生成产品构建。一切似乎都很好地工作,除了我的供应商包中还有
编译器
。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