소포를 사용하여 vue 스캐폴딩을 구성하는 방법(자세한 튜토리얼)-JS 튜토리얼-php.cn

소포를 사용하여 vue 스캐폴딩을 구성하는 방법(자세한 튜토리얼)

亚连

풀어 주다： 2018-06-12 14:49:13

원래의

1481명이 탐색했습니다.

parcel-vue는 Parcel 패키징 도구를 기반으로 하는 VueJS 신속 개발 스캐폴딩 솔루션으로 node8.0 이상을 사용하는 것이 좋습니다. 이 기사에서는 새로운 패키징 도구인 소포 제로 구성 Vue 개발 스캐폴딩에 대한 관련 지식을 소개합니다. 관심 있는 친구들은 꼭 살펴보세요.

parcel-vue는 Parcel 패키징 도구를 기반으로 하는 VueJS 신속 개발 스캐폴딩 솔루션입니다. node8.0 이상을 사용하는 것이 좋습니다

프로젝트 주소: https://github.com/w3c-king/parcel-vue

초기화 프로젝트

$ git clone https://github.com/w3c -king/parcel-vue.git

설치 종속성

$ cd parce-vue
$ npm install

로그인 후 복사

그 중 Parcel-Bundler는 vue로 끝나는 단일 파일의 경우 파일 형식을 별도로 처리해야 합니다. 플러그인은 vueify를 통해 해당 코드를 생성하고, 소포는 자동으로 소포 플러그인부터 시작하는 종속성을 로드합니다.

개발 환경을 실행하고 브라우저 http://localhost:1234를 열어 프로젝트를 확인하세요

$ npm run dev

로그인 후 복사

패키징 및 컴파일

$ npm run build

로그인 후 복사

Development

디렉토리 구조

src
├── router
 ├── index.js
├── assets
 ├── logo.png
├── components
 ├── Hello
 ├── index.js
 ├── index.js
├── views
 ├── HelloWorld
  ├── images
   ├── logo.png
  ├── HelloWorld.vue
├── styles
 ├── common.css
├── store
 ├── global
  ├── global.js
  ├── index.js
 ├── index.js
├── app.vue
├── index.js

로그인 후 복사

실행만npm run dev 和 npm run build 하면 됩니다. 개발하고 구축하세요.

위 내용은 모두를 위해 제가 정리한 내용입니다. 앞으로 모든 사람에게 도움이 되기를 바랍니다.