IT이야기

Vuejs 라이브러리 CLI v3 제외

cyworld 2022. 3. 17. 21:33
반응형

Vuejs 라이브러리 CLI v3 제외

나는 vuejs CLI 버전 3을 사용하고 있으며 패키지에 있는 이 대상을 사용하여 라이브러리를 만들고 있다.json

vue-cli-service build --report-json --target lib --name components src/appup-components.js

이 라이브러리는 몇 가지 이름을 붙이기 위해 부트스트랩뷰, 공리, 핸들바와 같은 많은 다른 외부 라이브러리를 사용한다.

내 테스트 프로그램은 npm 설치를 사용하여 이 라이브러리를 가져온다.

도서관 건물은 짓는 동안 매우 느리고 약 2분 정도 걸린다.그리고 나서 앱 서버를 시작하는 데 20-30초가 더 걸린다.생산성이 타격을 받다.

질문 - 테스트 앱에서 가져오는 라이브러리도 제외할 수 있는가?나는 아래에 있는 외부 제품에 추가하려고 노력했다.

configureWebpack: {
        externals: {
         }
    }

그러나 그것은 컴파일되지 않는다.

  • 감시 모드로 라이브러리를 계속 컴파일할 수 있는 방법이 있는가? --watch는 컴파일하지 않도록 한다.처음이후 편찬을 중지한다.

configureWebpack개체가 vue.config.js 파일로 이동함그리고 나서, 그 위에 3번 타자를 쓴다.NODE_ENV그래서 당신이 당신의 애플리케이션을 시작할 때 의존성은 여전히 주입된다.npm run serve.

https://cli.vuejs.org/guide/webpack.html을 참조하십시오.

const webpack = require("webpack");

function getProdExternals() {
  return {
    axios: "axios",
    lodash: "lodash",
    jquery: "jQuery",
    vue: "Vue"
  };
}

module.exports = {
  configureWebpack: {
    externals: process.env.NODE_ENV === 'production' ?
      getProdExternals() : {}
  }
}

참조URL: https://stackoverflow.com/questions/51571579/vuejs-library-cli-v3-exclude

반응형