2017-11-23 2 views
0

vue-autonumeric 패키지를 Webpack 번들로 묶으려고 할 때 AutoNumeric 종속성을 올바르게 찾을 수 없습니다.vue-autonumeric을 webpack 버전 2에 번들하는 방법은 무엇입니까?

별칭은 구성에 존재 웹팩 (3)를 사용하는 경우 그러나 웹팩 2는 그 오류 메시지와 함께 실패 빈 프로젝트, 좋은 작품 :

Hash: 470e79379d7394141898 
Version: webpack 2.7.0 
Time: 135ms 
      Asset  Size Chunks    Chunk Names 
./dist/bundle.js 12.7 kB  0 [emitted] main 
    [0] ./~/vue-autonumeric/dist/vue-autonumeric.min.js 9.29 kB {0} [built] 
    [1] ./src/vueAutonumericTest.js 120 bytes {0} [built] 

ERROR in ./~/vue-autonumeric/dist/vue-autonumeric.min.js 
Module not found: Error: Can't resolve 'AutoNumeric' in '/home/user/vueAutonum/node_modules/vue-autonumeric/dist' 
@ ./~/vue-autonumeric/dist/vue-autonumeric.min.js 1:82-104 
@ ./src/vueAutonumericTest.js 

나는 추가 시도 :

resolve: { 
    alias: { 
     AutoNumeric: 'node_modules/autonumeric/dist/autoNumeric.min', 
    }, 
    }, 

에서 webpack.config.js까지 webpack 2의 파일을 다운로드 할 수 있지만 예상대로 작동하지 않습니다.

왜 webpack 버전 3 2에서 작동하게하는지 아이디어가 있습니까?

이 문제에 대한 자세한 내용은 Github issue에서 확인할 수 있습니다.

if(typeof exports === 'object' && typeof module === 'object') 
    module.exports = factory(require("AutoNumeric")); 
else if(typeof define === 'function' && define.amd) 
    define("VueAutonumeric", ["AutoNumeric"], factory); 
else if(typeof exports === 'object') 
    exports["VueAutonumeric"] = factory(require("AutoNumeric")); 
else 
    root["VueAutonumeric"] = factory(root["AutoNumeric"]); 

물론, vue-autoNumeric는 'AutoNumeric'라는 이름의 모듈에 의존 :

답변

0

다음은 vue-autoNumeric의 번들 파일의 UMD 래퍼입니다.

어쩌면 vue-autoNumeric은 webpack 구성 또는 패키지 종속성 목록을 Issue Comment으로 변경해야합니다.

또는 의존성 목록에 autonumeric을 추가하면 누락 된 모듈을 찾을 수 있습니다.

+0

음, AutoNumeric은 이미 의존성으로 정의되어 있지만 '외부'로 정의되어 번들로 제공되지 않습니다. 이슈에서 언급 한 코멘트는 '자신에게 효과적'이라고 말하고 있지만, 아주 기본적인 프로젝트를 처음부터 시도 할 때는 불행히도하지 않습니다. – Alex

관련 문제