關於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
即可運行