全新打包工具parcel零配置vue開發(fā)腳手架
更新時間：2018年01月11日 15:42:20 作者：w3c-king
parcel-vue 一個基于Parcel打包工具的 VueJS急速開發(fā)腳手架解決方案,強烈建議使用node8.0以上。下面通過本文給大家介紹全新打包工具parcel零配置vue開發(fā)腳手架的相關(guān)知識，感興趣的朋友一起看看吧
parcel-vue 一個基于Parcel打包工具的 VueJS急速開發(fā)腳手架解決方案,強烈建議使用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 結(jié)尾的單文件，需要單獨處理文件類型， parcel-plugin-vue 這個插件會通過 vueify 來生成對應(yīng)的代碼， parcel 會自動加載 parcel-plugin 開頭的依賴。
運行開發(fā)環(huán)境,運行成功打開瀏覽器http://localhost:1234即可查看項目
$ npm run dev
打包編譯
$ npm run build
開發(fā)
目錄結(jié)構(gòu)
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
只需要執(zhí)行 npm run dev 和 npm run build 就可以進行開發(fā)和構(gòu)建。
總結(jié)
以上所述是小編給大家介紹的全新打包工具parcel零配置vue開發(fā)腳手架，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關(guān)文章
在vue2中提供了.sync修飾符,但是在vue3中不再支持.sync,取而代之的是v-model,本文給大家介紹在Vue2中v-model和.sync區(qū)別,感興趣的朋友一起看看吧2023-10-10
利用Vue-draggable組件實現(xiàn)Vue項目中表格內(nèi)容的拖拽排序
這篇文章主要介紹了利用Vue-draggable組件實現(xiàn)Vue項目中表格內(nèi)容的拖拽排序，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-06-06
這篇文章主要介紹了Antd下拉選擇,自動匹配功能的實現(xiàn)，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-10-10
在uniapp中進行寬屏開發(fā),主要是指在電腦端(PC端)使用寬屏顯示效果進行應(yīng)用的開發(fā),這篇文章主要給大家介紹了關(guān)于uniapp寬屏開發(fā)PC端方案及衍生問題解決辦法,需要的朋友可以參考下2024-03-03
這篇文章主要為大家詳細介紹了Vue父組件如何獲取子組件中的變量，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-07-07
這篇文章主要為大家介紹了vue3中的透傳attributes教程示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-08-08
今天小編就為大家分享一篇關(guān)于在Vue項目中取消ESLint代碼檢測的步驟講解，小編覺得內(nèi)容挺不錯的，現(xiàn)在分享給大家，具有很好的參考價值，需要的朋友一起跟隨小編來看看吧2019-01-01
這篇文章主要為大家詳細介紹了vue組件間通信子與父的相關(guān)資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-11-11
這篇文章主要介紹了vue中的過濾器，本文通過文字實例代碼相結(jié)合的形式給大家介紹的非常詳細，具有一定的參考借鑒價值,需要的朋友可以參考下2019-06-06
Element?UI表單驗證規(guī)則動態(tài)失效問題的解決辦法
這篇文章主要給大家介紹了關(guān)于Element?UI表單驗證規(guī)則動態(tài)失效問題的解決辦法,Element UI提供了強大的表單驗證功能,可以輕松地對表單進行驗證,需要的朋友可以參考下2023-09-09