成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

原創(chuàng)全新打包工具Parcel零配置VueJS開(kāi)發(fā)腳手架

testHs / 2959人閱讀

摘要：一個(gè)基于打包工具的急速開(kāi)發(fā)腳手架解決方案強(qiáng)烈建議使用以上項(xiàng)目地址初始化項(xiàng)目安裝依賴其中是主要的工具，對(duì)于結(jié)尾的單文件，需要多帶帶處理文件類型，這個(gè)插件會(huì)通過(guò)來(lái)生成對(duì)應(yīng)的代碼，會(huì)自動(dòng)加載開(kāi)頭的依賴。

parcel-vue 一個(gè)基于Parcel打包工具的 VueJS急速開(kāi)發(fā)腳手架解決方案,強(qiáng)烈建議使用node8.0以上

項(xiàng)目地址: https://github.com/w3c-king/p...

初始化項(xiàng)目 
$ git clone https://github.com/w3c-king/parcel-vue.git
安裝依賴 
$ cd parce-vue
$ npm install

其中parcel-bundler是主要的工具，對(duì)于vue結(jié)尾的單文件，需要多帶帶處理文件類型，
parcel-plugin-vue這個(gè)插件會(huì)通過(guò)vueify來(lái)生成對(duì)應(yīng)的代碼，parcel會(huì)自動(dòng)加載parcel-plugin開(kāi)頭的依賴。

運(yùn)行開(kāi)發(fā)環(huán)境,運(yùn)行成功后打開(kāi)瀏覽器 http://localhost:1234 查看項(xiàng)目 
$ npm run dev
打包編譯 
$ npm run build
開(kāi)發(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 就可以進(jìn)行開(kāi)發(fā)和構(gòu)建。

nodejs版本升級(jí),如果您的node版本低于8.0,我們強(qiáng)烈建議您升級(jí)node版本(命令行升級(jí)不支持windows) 
$ npm install -g n
$ n stable

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/90783.html

相關(guān)文章

  • 宣布 Parcel：一個(gè)快速，零配置的 Web 應(yīng)用打包工具 ?

    摘要：宣布一個(gè)快速，零配置的應(yīng)用打包工具原文譯者今天，我非常高興地宣布，一個(gè)快速，零配置的應(yīng)用程序打包工具，我對(duì)于該工具的工作已經(jīng)持續(xù)了幾個(gè)月。性能我被激發(fā)建立一個(gè)新的打包工具的第一個(gè)原因是性能。 ? 宣布 Parcel：一個(gè)快速，零配置的 Web 應(yīng)用打包工具 ? 原文：? Announcing Parcel: A blazing fast, zero configuration web...

    learn_shifeng 評(píng)論0 收藏0

  • Parcel - 極速零配置Web應(yīng)用打包工具

    摘要：極速零配置應(yīng)用打包工具的優(yōu)勢(shì)極速打包時(shí)間使用進(jìn)程去啟用多核編譯。的缺點(diǎn)缺乏插件新出的打包工具，還在成長(zhǎng)當(dāng)中，插件的數(shù)量和這種成熟的工具是無(wú)法相比的。不太適合大項(xiàng)目畢竟配置，無(wú)需過(guò)多的配置即可使用。 showImg(https://segmentfault.com/img/remote/1460000012593231); 開(kāi)發(fā)項(xiàng)目或者寫(xiě) demo 的時(shí)候，還在為 webpack 的配置...

    fireflow 評(píng)論0 收藏0

  • ?述說(shuō)Parcel:一個(gè)快速的零配置的web打包工具 ?

    摘要：前言今天很高興來(lái)講一下新的打包工具，一個(gè)快速的，零配置的打包工具。上述原因影響了初步構(gòu)建的速度。他也有文件緩存系統(tǒng)，以便于快速的重建。一個(gè)的打包工程行代碼，已經(jīng)不是什么稀罕的事情了。 這篇文章總字?jǐn)?shù)：1214，普通閱讀4分鐘，速讀2分鐘，主要講的是新的打包工具parcel的一些新特性，謝謝，有興趣朋友可以關(guān)注一下我的github上面有30多篇文章，喜歡的可以watch或者star。你的...

    wuaiqiu 評(píng)論0 收藏0

  • Vue運(yùn)行時(shí)全解析 - VueCLI3上手（一）

    摘要：可以譯作運(yùn)行時(shí)過(guò)程全面分析和解析，這個(gè)全面分析涉及到比較基礎(chǔ)的或者復(fù)雜的重要前端概念和中的概念等。注本篇是運(yùn)行時(shí)全解析系列文章的第一篇，首次發(fā)表于，友善轉(zhuǎn)載蟹蟹。附更多內(nèi)容請(qǐng)參考核心維護(hù)者蔣豪群同學(xué)的的公開(kāi)課視頻 Vue Runtime Full Analysis - VueCLI3 Get Start VRFA: (Vue Runtime Full Analysis) 可以譯作vue...

    molyzzx 評(píng)論0 收藏0

  • 新一代打包神器parcel簡(jiǎn)介

    摘要：友好的錯(cuò)誤記錄體驗(yàn)，語(yǔ)法突出顯示的代碼幀有助于查明問(wèn)題。為入口資源創(chuàng)建一個(gè)，并為動(dòng)態(tài)導(dǎo)入的資源創(chuàng)建子，這回導(dǎo)致代碼拆分的發(fā)生。如果一個(gè)資源需要多個(gè)，它會(huì)被打包到最近的共同祖先，因此它不會(huì)被包含多次。 官方地址：https://parceljs.org/getting_... Parcel 是 Web 應(yīng)用打包工具，適用于經(jīng)驗(yàn)不同的開(kāi)發(fā)者。它利用多核處理提供了極快的速度，并且不需要任何...

    Jenny_Tong 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<