ウェブパックの石積みレイアウトをロードする

Question

私はangular2-webpack-starterに基づいてangular 2プロジェクトを持っています。それはWebPACKのを使用している、そしてそれは

は、私が今、仕事にangular2-masonryを取得しようとしています。..輸入、でもjQueryのプラグインの多くのために非常によく動作しますが、それはありませんmasonry-layoutパッケージ（npm module/github source）に依存しますうまくいきません... インポート中（import * as masonry from 'masonry-layout'）、動作していないとエラーCannot find module 'masonry-layout'.を与えています。

webpackにモジュールとして表示するにはどうすればよいですか？

私は試しました（関連するwebpack設定のみ）。 masonry.pkgd.js

module.exports = { 
    resolve: { 
    alias: { 
     'masonry-layout': 'masonry-layout/dist/masonry.pkgd.js' 
    } 
    } 
} 

にエイリアスを設定する

はmasonry.js

module.exports = { 
    resolve: { 
    alias: { 
     'masonry-layout': 'masonry-layout/masonry.js' 
    } 
    } 
} 

同じエラー

にエイリアスを設定すると同じエラーに

を与えます

カスタムローダーを追加し、提案here

module.exports = { 
    module: { 
    loaders: [ 
     { 
     test: /masonry-layout/, 
     loader: 'imports?define=>false&this=>window' 
     } 
    ] 
    } 
} 

同じエラーとしてimports-loaderをインストール！

最初の（'masonry-layout': 'masonry-layout/dist/masonry.pkgd.js'）と最後のものを組み合わせるだけで、別のエラーが発生します。

ERROR in ./~/masonry-layout/dist/masonry.pkgd.js 
Module not found: Error: Cannot resolve 'file' or 'directory' ./item in /.../node_modules/masonry-layout/dist 
@ ./~/masonry-layout/dist/masonry.pkgd.js 1351:6-23 

さらに、私はまだCannot find module 'masonry-layout'.エラーが発生しています。

私はまだWebPACKのに新しいですので、私は何かを明らかに見逃してかもしれません...

Answer 1

はnpm install masonry-layoutを試してみてください。私は以前同じ問題を抱えていましたが、私はちょうど角度2の石積みでそれを見つけるために角度を指示するのではなく、オリジナルの石積みパッケージをインストールしました。