웹팩/Grails/Gradle 프로젝트에 서드파티 JSlibs 추가

웹팩/Grails/Gradle 프로젝트에 서드파티 JSlibs 추가

vue.js를 클라이언트 측 JS 엔진으로 사용하여 인텔리주 환경에서 gradle과 조합하여 웹 팩을 사용하는 것을 검토 중입니다.

우선 vue 프로파일을 사용하여 새로운 Graphes 프로젝트를 구축했습니다.

grails create-app foobar --profile=vue

처음에는 새로운 xyz를 통합하는 데 문제가 있었습니다.vue 메인 화면과 vue 라이브러리가 함께 표시되기 때문에 저는 Welcome을 복제하여 부정행위를 했습니다.프로파일에 의해 생성된 vue 파일 및 내 요구를 충족할 때까지 해킹합니다.

아쉽게도 지금은 새로운 js 라이브러리를 추가하고 싶은 단계입니다.https://github.com/amsik/liquor-tree.

조언대로 npm을 사용하여 설치를 시도했지만, '.vue' 파일에 포함할 방법을 찾을 수 없습니다.시도할 때마다 js 런타임에 Vue 클래스 또는 vue-tree를 찾을 수 없다는 메시지가 나타납니다.webpack은 모든 npm 관리 js 모듈을 bundle.js라는 이름의 파일로 결합하고 있다고 생각합니다만, 그 파일이 포함되어 있는 곳은 어디에도 없기 때문에 전혀 알 수 없습니다.

webpack.config.js는 다음과 같습니다.

var path = require("path")

module.exports = {
    "entry": "./lib/index.js"
,   "output": {
        "path": __dirname + "/build"
    ,   "filename": "xxhash.js"
    ,   "library": "XXH"
    ,   "libraryTarget": "umd"
    }
}

================== Andy에 의한 편집:

Fatih, 제 잘못은 알지만, 문제는 수입에 관한 것이 아니었습니다.이것은 모두 정상적으로 동작하고 있었습니다.- 저는 성공적으로

import LiquorTree from 'liquor-tree'

내 메인.메인.메인.제안하신 대로 경로에 node_modules와 그 배리언트를 추가하려고 했을 때 file not found 오류가 발생하여 path prefix가 없는 형식으로 되돌렸습니다.이것은 제가 제공한 링크에 있는 주류 트리 README에 기재되어 있습니다.

일을 정리하기 위해 모든 것을 정리하고 처음부터 다시 시작했어요. 보세요, 원래대로 작동했어요.

당신의 답변이 실제로 문제를 해결하지는 못했지만, 저는 당신의 답변을 정답으로 표시해야 할 것 같습니다.어렵게 얻은 평판을 잃고 싶지는 않지만, 질문을 명확하게 하지 않은 제 잘못입니다.Ho hum :' (나이 들고 현명해 졌어요.

Webpack Configuration에서 이 작업을 수행하는 것이 좋습니다.import서드파티제 라이브러리가 포함되어 있습니다.아래의 토막을 참조해 주세요.

<script>
  import thirdPartyLibrary from '../../node_modules/library-name/dist/library';
</script>

에의 패스를 반드시 갱신해 주세요.node_modules폴더입니다.

언급URL : https://stackoverflow.com/questions/50491683/adding-3rd-party-js-libs-to-webpack-grails-gradle-project