打包工具parcel零配置vue開發鷹架

本文主要跟大家介紹全新打包工具parcel零配置vue開發鷹架的相關知識，有興趣的朋友一起看看吧。 parcel-vue 一個基於Parcel打包工具的 VueJS急速開發腳手架解決方案,強烈建議使用node8.0以上。

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 就可以進行開發和建構。

相關推薦：

圖文解析如何使用vue-cli腳手架

如何實作一個簡單的Node.js鷹架

vue專案鷹架介紹

以上是打包工具parcel零配置vue開發鷹架的詳細內容。更多資訊請關注PHP中文網其他相關文章！