Packaging tool parcel zero configuration vue development scaffolding

This article mainly introduces you to the relevant knowledge of the new packaging tool parcel zero-configuration vue development scaffolding. Interested friends should take a look. parcel-vue is a VueJS rapid development scaffolding solution based on Parcel packaging tool. It is strongly recommended to use node8.0 or above.

parcel-vue is a VueJS rapid development scaffolding solution based on Parcel packaging tool. It is strongly recommended to use node8.0 or above

Project address: https://github.com/w3c -king/parcel-vue

Initialize project

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

Installation dependencies

$ cd parce-vue
$ npm install

Among them, parcel-bundler is the main tool. For single files ending in vue, the file type needs to be processed separately, parcel- The plugin-vue plugin will generate the corresponding code through vueify, and parcel will automatically load the dependencies starting with parcel-plugin.

Run the development environment and open the browser http://localhost:1234 after successful operation to view the project

##

$ npm run dev

Packaging and compiling

$ npm run build

Development

Directory structure

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

Just need to execute

npm run dev and npm run build can be developed and built.

Related recommendations:

Graphic and text analysis how to use vue-cli scaffolding

How to implement a simple Node.js Scaffolding

vue project scaffolding introduction

The above is the detailed content of Packaging tool parcel zero configuration vue development scaffolding. For more information, please follow other related articles on the PHP Chinese website!