Angular 2，Webpack 2，AoT編譯

下圖描述了我的Angular 2項目目錄結構。Angular 2，Webpack 2，AoT編譯

子文件夾「作者」，「書」和「目錄」具有相關功能的模塊文件。

我使用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：\筆者

這種錯誤顯示只有在webpack.config.js文件

包括」AotPlugin「

我的操作系統是Windows 10，任何想法可能是這個錯誤的原因是什麼？

來源

2017-02-20 refactor

我建議嘗試使用Angular Cli來獲得webpack 2和AOT的工作方式。

由於您的應用看起來夠簡單，我認爲使用它會大大簡化與webpack/angular build相關的一切。

https://cli.angular.io/

在角-CLI的ng eject方法的最新的測試已經實現其將所述角CLI應用程式，以暴露的WebPack的配置文件和內部工作方式。也許你會在那裏找到你的答案。

來源

2017-02-20 17:45:47

Angular 2，Webpack 2，AoT編譯

回答

相關問題