2017-12-21 27 views
0

私はwebkitに移行することを決めたbowerとgulpで構築されたangularjsアプリケーションを持っていました。私はすべてのコードをES6に移動しました。デベロッパーwebpackの設定で問題は一切なくなりました。ソースマップは、uglifyingでなく、縮小されていません。distpackバンドルを生成中にWebpackコンパイルに失敗しました

この設定の新しいバージョンを生成したいここでは、典型的な制作作業を取り上げます。全体的に、私は2つのバンドルを生成できるようにしたい:1つはベンダー用で、もう1つはアプリケーションコード用です。

const pkg = require('../package.json'); 
// ... 
new ExtractTextPlugin('index-[contenthash].css'), 
    new webpack.optimize.CommonsChunkPlugin({name: 'vendor'}), 
    new webpack.LoaderOptionsPlugin({ 
     options: { 
     postcss:() => [autoprefixer] 
     } 
    }) 
    ], 
    output: { 
    path: path.join(process.cwd(), conf.paths.dist), 
    filename: '[name]-[hash].js' 
    }, 
    entry: { 
    app: `./${conf.path.src('index')}`, 
    vendor: Object.keys(pkg.dependencies) 
    } 

私は新しいベンダーエントリファイルのためのその変更を行うと、共通chunckがプラグインすると、その後のコンパイルが次のエラーで失敗します。

ERROR in multi angular angular-aria angular-bootstrap... // all package.json depedencies 
Module not found: Error: Can't resolve 'angular-consent' in 'path/to/my/project' 

このエラーが数回記録され、その後、別のものを取得します:

ERROR in ./~/swagger-ui/dist/swagger-ui.js 
Module not found: Error: Can't resolve 'b' 
ERROR in ./~/modernizr/lib/options.js 
Module not found: Error: Can't resolve 'fs' 
// more of the same pattern 

私には何が欠けていますか?ベンダーバンドルを壊す依存関係はありますか?

バージョン: angle:1.5.8、webpack:2.7.0。 OS:アンギュラ同意し、フォント素晴らしい:窓10とOSXエルキャピタン

答えて

0

問題は、私は私の依存関係のpackage.jsonで宣言された特定のパッケージにしました。それらが含まれる必要がない理由は、ここでよくカバーされていますError including font-awesome with webpack。私の場合は

const excludeDeps= ['angular-consent', 'font-awesome']; 

    entry: { 
    app: `./${conf.path.src('index')}`, 
    vendor: Object.keys(pkg.dependencies).filter(name => (excludeDeps.indexOf(name) === -1)) 
    } 
関連する問題