vue-parcel

關於parcel

Parcel 是一個前端構建工具,Parcel 官網 將它定義爲極速零配置的Web應用打包工具。複雜繁瑣的 webpack 配置一直是前端項目裏的一個痛點,而新一代的“零配置”打包器 parcel 正在解決這個問題。
Parcel 的特性

  • 快速打包:啓用多核編譯,並具有文件系統緩存
  • 打包所有資源:支持JS,CSS,HTML,文件資源等等 - 不需要安裝任何插件
  • 自動轉換:使用 Babel,PostCSS 和 PostHTML 自動轉換
  • 零配置代碼拆分:使用動態 import() 語法拆分您的輸出包,只加載初始加載時所需的內容
  • 模塊熱替換:不需要進行任何配置
  • 友好的錯誤記錄:以語法高亮的形式打印的代碼幀,以幫助你查明問題

詳細可看:parcel官網

下面是自己基於Parcel打包工具的 VueJS急速開發腳手架 :vue-parcel
項目功能:
1. 封裝axios
2. vuex
項目結構:
在這裏插入圖片描述

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

$ npm run dev

打包編譯

$ npm run build

項目clone下來後修改store/module/demo.js即可運行

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章