웹팩의 벽돌 레이아웃로드

Question

angular2-webpack-starter을 기반으로 한 angular 2 프로젝트가 있습니다. 그것은 웹팩을 사용하고, 그것은

내가 지금 일을 angular2-masonry를 얻기 위해 노력하고 있어요 .. 수입도 jQuery를 플러그인의 많은 아주 잘 작동하지만, 수행하는 masonry-layout 패키지 (npm module/github source)에 따라 달라집니다 멋지게 재생되지 않습니다 ... 가져 오기 (import * as masonry from 'masonry-layout'), 작동하지 않으며 오류 Cannot find module 'masonry-layout'.을 제공하고 있습니다.

어떻게 webpack을 모듈로 볼 수 있습니까?

나는 (관련 웹팩 설정 만) 시도했다.

설정 별칭

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

같은 오류를 masonry.js

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

같은 오류

설정 별칭을 제공합니다 masonry.pkgd.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'. 오류가 발생합니다.

나는 웹팩에 여전히 새로운 오전, 그래서 나는

Answer 1

npm install masonry-layout을 시도 ... 분명 뭔가를 놓칠 수 있습니다. 이전에 똑같은 문제가 있었는데 방금 지시 한 각도 대신 원래 벽돌 패키지를 설치하여 각도 2 벽돌로 찾으십시오.