全新打包工具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)站的支持！

您可能感興趣的文章:

parcel
vue

相關(guān)文章

在Vue2中v-model和.sync區(qū)別解析
在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)
這篇文章主要介紹了Antd下拉選擇,自動匹配功能的實現(xiàn)，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2020-10-10
uniapp寬屏開發(fā)PC端方案及衍生問題解決辦法
在uniapp中進行寬屏開發(fā),主要是指在電腦端(PC端)使用寬屏顯示效果進行應(yīng)用的開發(fā),這篇文章主要給大家介紹了關(guān)于uniapp寬屏開發(fā)PC端方案及衍生問題解決辦法,需要的朋友可以參考下
2024-03-03
Vue父組件如何獲取子組件中的變量
這篇文章主要為大家詳細介紹了Vue父組件如何獲取子組件中的變量，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2019-07-07
vue3中的透傳attributes教程示例詳解
這篇文章主要為大家介紹了vue3中的透傳attributes教程示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
2022-08-08
在Vue項目中取消ESLint代碼檢測的步驟講解
今天小編就為大家分享一篇關(guān)于在Vue項目中取消ESLint代碼檢測的步驟講解，小編覺得內(nèi)容挺不錯的，現(xiàn)在分享給大家，具有很好的參考價值，需要的朋友一起跟隨小編來看看吧
2019-01-01
vue組件間通信子與父詳解（二）
這篇文章主要為大家詳細介紹了vue組件間通信子與父的相關(guān)資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-11-11
vue中的過濾器實例代碼詳解
這篇文章主要介紹了vue中的過濾器，本文通過文字實例代碼相結(jié)合的形式給大家介紹的非常詳細，具有一定的參考借鑒價值,需要的朋友可以參考下
2019-06-06
Element?UI表單驗證規(guī)則動態(tài)失效問題的解決辦法
這篇文章主要給大家介紹了關(guān)于Element?UI表單驗證規(guī)則動態(tài)失效問題的解決辦法,Element UI提供了強大的表單驗證功能,可以輕松地對表單進行驗證,需要的朋友可以參考下
2023-09-09