全新打包工具parcel零配置vue開發腳手架，parcelvue

全新打包工具parcel零配置vue開發腳手架，parcelvue

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 結尾的單檔案，需要單獨處理檔案類型， parcel-plugin-vue 這個外掛程式會通過 vueify 來產生對應的代碼， parcel 會自動載入 parcel-plugin 開頭的依賴。

運行開發環境,運行成功開啟瀏覽器http://localhost:1234即可查看項目

$ npm run dev

打包編譯

$ npm run build

開發

目錄結構

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 就可以進行開發和構建。

總結

以上所述是小編給大家介紹的全新打包工具parcel零配置vue開發腳手架，希望對大家有所協助，如果大家有任何疑問請給我留言，小編會及時回複大家的。在此也非常感謝大家對幫客之家網站的支援！