全新打包工具parcel零配置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 結尾的單文件，需要單獨處理文件類型， 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開發腳手架，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持！

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com