Angular 2，Webpack 2，AoT编译

Question

下图描绘了我的Angular 2项目目录结构。

子文件夹“作者”，“书籍”和“类别”包含与要素模块相关的文件。

我使用webpack 2进行模块捆绑，Tree shake和AoT编译。

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

import history from './deps/history';
...
...
history.listen(render); 

现在运行“webpack”时，它会显示以下错误

  

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

仅当webpack.config.js文件中包含“AotPlugin”时才会显示此错误

我的操作系统是Windows 10，任何想法可能是这个错误的原因？

Answer 1

我建议尝试使用Angular Cli来了解webpack 2和AOT的工作原理。

由于您的应用程序看起来很简单，我认为使用它将大大简化webpack / angular build相关的所有内容。

https://cli.angular.io/

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