角度2、Webpack2、AoTコンパイル

Question

下の図は、私のAngular 2プロジェクトのディレクトリ構造を示しています。

サブフォルダ「著者」、「ブック」と「カテゴリ」のモジュールを機能に関連するファイルを持っています。

モジュールバンドリング、ツリーシェイク、AoTコンパイルにwebpack 2を使用しています。

以下

ENOENTでたときに実行 "のWebPACK"、それはエラーの下に表示さ

ERROR今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' 
    } 
} 

です：そのようなファイルやディレクトリはありません、オープン「E：\著者

と、このエラーは、 "AotPluginが" webpack.config.jsファイルに

を含まれている場合にのみ表示されます3210

私のOSはWindows 10ですが、このエラーの原因は何でしょうか？

Answer 1

webpack 2とAOTがどのように機能するかを知るために、Angular Cliを試してみることをお勧めします。

あなたのアプリは十分にシンプルに見えるので、これを使用することで、webpack/angular build関連のすべてが大幅に簡素化されると思います。角度-CLI ng eject法の最新のベータ版で

https://cli.angular.io/

のWebPACKのconfigファイルと内部の仕組みを公開するために、角のCLIアプリを変換する実装されました。たぶんあなたはあなたの答えを見つけるでしょう。