角2，Webpack 2，AoT编译

Question

下面的图片描绘了我的角2项目目录结构。

​

​

子文件夹“作者”、“书籍”和“类别”都有与功能模块相关的文件。

我使用webpack 2模块捆绑，树抖动和AoT编译。

下面是webpack.config.js文件的内容

'use strict';
 const webpack = require('webpack');
 const AotPlugin = require('@ngtools/webpack').AotPlugin;

module.exports = {
    devtool: 'source-map',
    entry: './src/main.js',
    module: {
        rules: [
            { test: /\.ts$/, loaders: ['@ngtools/webpack'] }
        ]
    },
    plugins: [
      new AotPlugin({
        tsConfigPath: './src/tsconfig.json',
        entryModule: './src/app/app.module'
    }), 
    new webpack.optimize.UglifyJsPlugin({
        minimize: true,
        compress: false
    })
    ],
    output: {
       filename:'./src/bundle.js'
    }
}

现在运行"webpack“时，它显示在错误下面。

ENOENT中的错误:没有这样的文件或目录，打开'E:\author‘

只有当"AotPlugin“包含在webpack.config.js文件中时，才会显示此错误。

我的操作系统是windows 10，知道这个错误的原因是什么吗？

Answer 1

我建议试着用角的Cli来获得你的方位，webpack 2和AOT是如何工作的。

因为你的应用程序看起来很简单，我认为使用它将大大简化webpack /角构建相关的一切。

https://cli.angular.io/

在最新的角- cli测试版中，已经实现了一个ng eject方法，它将角cli应用程序转换为公开webpack的配置文件和内部工作。也许你会在那里找到答案。