本文主要跟大家介紹全新打包工具parcel零配置vue開發鷹架的相關知識,有興趣的朋友一起看看吧。 parcel-vue 一個基於Parcel打包工具的 VueJS急速開發腳手架解決方案,強烈建議使用node8.0以上。
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開發鷹架的詳細內容。更多資訊請關注PHP中文網其他相關文章!