vue-cli는 환경을 기반으로 테스트 패키지와 프로덕션 패키지를 생성합니다.-JS 튜토리얼-php.cn

vue-cli는 환경을 기반으로 테스트 패키지와 프로덕션 패키지를 생성합니다.

php中世界最好的语言

풀어 주다： 2018-05-24 15:51:04

원래의

2253명이 탐색했습니다.

이번에는 환경을 기반으로 테스트 패키지와 프로덕션 패키지를 생성하는 vue-cli를 가져오겠습니다. vue-cli가 환경을 기반으로 테스트 패키지와 프로덕션 패키지를 생성하는 주의 사항은 무엇입니까? , 살펴보겠습니다

1단계: package.json에 명령줄 스크립트 테스트 명령을 추가하고 빌드 폴더에서 test.js를 가리킵니다.

"scripts": {
    "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
    "start": "npm run dev",
    "build": "node build/build.js",
    "test": "node build/test.js"
  },

로그인 후 복사

Step2. build 폴더에 새로운 test.js를 생성하세요. 동일한 디렉터리에 build.js의 내용을 직접 복사하고 일부 매개변수를 수정할 수 있습니다.

vue-cli는 환경을 기반으로 테스트 패키지와 프로덕션 패키지를 생성합니다.

이렇게 하면 테스트 환경이 하나 더 생깁니다.

Step3. 빌드 폴더에 새 webpack.test.conf.js를 생성하고 동일한 디렉터리에 webpack.prod.conf.js의 내용을 직접 복사하여 일부 매개변수를 수정할 수 있습니다.

vue-cli는 환경을 기반으로 테스트 패키지와 프로덕션 패키지를 생성합니다.

이렇게 하면 빌드할 때 config 폴더의 test.env.js로 이동하여 환경

variables을 찾습니다.

Step4. config 폴더에 새 test.env.js를 생성하고 동일한 디렉터리에 prod.env.js의 내용을 직접 복사하고 일부 매개변수를 수정할 수 있습니다.

vue-cli는 환경을 기반으로 테스트 패키지와 프로덕션 패키지를 생성합니다.

이렇게 하면 npm run test에서 테스트

interface를 요청하는 테스트 패키지를 인쇄할 수 있습니다.

패키징 성공 여부는 dist-->js-->app.js에서 확인할 수 있습니다.

vue-cli는 환경을 기반으로 테스트 패키지와 프로덕션 패키지를 생성합니다.

이 기사의 사례를 읽으신 후 방법을 마스터하셨다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!