webpack 2 with bower

Question

現在、私はプロジェクトに取り組んでいます。これは「バワーのみ」の依存関係に部分的に依存しています.Webpack 2バンドルにbower_componentsモジュールを追加する必要があります。どうしたらいいですか？以前のバージョンのドキュメントは動作せず、bower-webpack-pluginは古くなっています。私はWebpack@2.2.1を使用しています。

resolve: { 
    extensions: ['.js', '.jsx'], 
    modules: ['bower_components', 'node_modules'] 
} 

しかし残念ながら、これは動作しません： 私はwebpack.config.jsにこのコードを追加しました。

Answer 1

documentation

の使用現在のバージョンはpathモジュールとbower_componentsへのパスの解決が私を助けていた修正します。たぶんそれはあなたを助けるでしょう。

Answer 2

Webpack2は、オプションの解決と亭で使用することができ、あなたはここで多くを読むことができます：https://gist.github.com/sokra/27b24881210b56bbaff7#resolving-options

bower.jsonファイル解決webpack.config.jsの簡単な例：私たちは

module.exports = { 
    entry: './file.js', 
    output: { 
     filename: 'my-first-webpack.bundle.js' 
    }, 
    resolve: { 
     modules: [ "bower_components"], 
     descriptionFiles: ["bower.json"] 
    } 
};