亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

為什么我不推薦你使用vue-cli創(chuàng)建腳手架？

trigkit4 / 1966人閱讀

摘要：后來(lái)經(jīng)過(guò)排查你會(huì)發(fā)現(xiàn)是由于目前還沒(méi)有版本?？梢允褂迷摲绞浇鉀Q。這就是我為什么不推薦你使用創(chuàng)建腳手架的原因此文的受眾是想要進(jìn)階中級(jí)的初級(jí)前端人員。

最近在知乎看到一個(gè)問(wèn)題，原問(wèn)題如下：

“ 很奇怪，為什么現(xiàn)在能找到自己手動(dòng)創(chuàng)建vue腳手架的文章非常少，而且大家似乎對(duì)webpack4的熱情并不高，對(duì)于想基于vue2.0+webpack4搭建一個(gè)腳手架的我來(lái)說(shuō)資料真是少得可憐。難道現(xiàn)在一般的做法就是直接從vue-cli開(kāi)始然后改成自己需要的模樣嗎？難道就沒(méi)有人從零開(kāi)始搭建一個(gè)漸進(jìn)增強(qiáng)的腳手架？這一點(diǎn)我很疑惑，希望大牛給點(diǎn)指導(dǎo)?！?/pre>

這個(gè)問(wèn)題我之前在公司也曾想過(guò)，當(dāng)初入門(mén)vue項(xiàng)目也是從一個(gè) npm install vue-cli -g 的命令行開(kāi)始的，覺(jué)得官方提供的vue-cli腳手架很友好，不用想vue+webpack的工作流怎么搭建，vue-loader 和 css-module怎么配置，如何安裝使用eslint和editorconfig等，就可以直接進(jìn)入業(yè)務(wù)代碼的開(kāi)發(fā)階段。


當(dāng)然，以上是對(duì)于寫(xiě)業(yè)務(wù)代碼的前端一線編碼人員來(lái)說(shuō)的，對(duì)于追求上進(jìn)的你當(dāng)然不滿足于一直寫(xiě)業(yè)務(wù)代碼，你也想知道一個(gè)項(xiàng)目在破土動(dòng)工前，前端leader是怎么搭建一個(gè)前端項(xiàng)目的工作流的，如何去手動(dòng)配置一個(gè)具體項(xiàng)目的webpack打包文件，包括后期的SSR，服務(wù)端渲染。


這些都是你提升自己內(nèi)功的砝碼，也是初級(jí)前端和中級(jí)前端的區(qū)別所在，初級(jí)前端只會(huì)在leader安排下的一個(gè)模塊里寫(xiě)點(diǎn)業(yè)務(wù)代碼而不用去管前端工程的問(wèn)題，這些問(wèn)題都被前端leader搞定了，你只需調(diào)用他寫(xiě)好的命令或者插件即可。


中級(jí)前端或者更進(jìn)階者就有統(tǒng)籌全局的能力，類似于文章開(kāi)頭說(shuō)的，能手動(dòng)創(chuàng)建一個(gè)和公司項(xiàng)目需求深度定制的vue腳手架，而不再依賴于官方提供的vue-cli，一方面自己定制的腳手架哪出了問(wèn)題自己心里清楚，從而也能培養(yǎng)自己前端架構(gòu)的能力，另一方面這也是月薪10K與20K的技術(shù)差距。


當(dāng)然，如果你直接使用了vue-cli，你的領(lǐng)導(dǎo)要求你將webpack的版本從3升級(jí)到最新的大版本4，你會(huì)不會(huì)一臉懵逼呢？舉個(gè)例子：
在webpack4.0中，如何使用extract-text-webpack-plugin配置css多帶帶分離打包，以及如何解決在升級(jí)過(guò)程中碰到的一些坑？如果你沒(méi)有親手升級(jí)過(guò)webpack4，你根本不會(huì)發(fā)現(xiàn)這些問(wèn)題，例如extract-text-webpack-plugin的報(bào)錯(cuò)：


(node:12712) DeprecationWarning: Tapable.plugin is deprecated. Use new API on `.hooks` instead
    E:***myprojectwebpack-vue-elementUi
ode_moduleswebpacklibChunk.js:460
                    throw new Error(
                    ^
    
    Error: Chunk.entrypoints: Use Chunks.groupsIterable and filter by instanceof Entrypoint instead
        at Chunk.get (E:***myprojectwebpack-vue-elementUi
ode_moduleswebpacklibChunk.js:460:9)
        at E:***myprojectwebpack-vue-elementUi
ode_modulesextract-text-webpack-plugindistindex.js:176:48
        at Array.forEach ()
        at E:***myprojectwebpack-vue-elementUi
ode_modulesextract-text-webpack-plugindistindex.js:171:18



這個(gè)問(wèn)題的解決方式你在百度上暫時(shí)還搜不到答案，只能是依靠平時(shí)閱讀官方文檔、技術(shù)社區(qū)等尋找解決之道。
后來(lái)經(jīng)過(guò)排查你會(huì)發(fā)現(xiàn)是由于extract-text-webpack-plugin目前還沒(méi)有webpack4版本?？梢允褂迷摲绞絥pm install extract-text-webpack-plugin@next解決。


這就是硬實(shí)力的一種體現(xiàn)，在公司里技術(shù)的高低，體現(xiàn)于公司項(xiàng)目中碰到的難以解決的bug的解決能力。你可以看看平時(shí)在公司里誰(shuí)解決的bug多，一般不是太難的bug都是前端小組的成員去解決，比較難的bug大多數(shù)情況下是前端小組的leader去解決的。


這種硬實(shí)力的體現(xiàn)，折射出他為何是leader，你為何是被管理者，同樣的崗位，放你上去，你不一定能解決掉項(xiàng)目中碰到的問(wèn)題，而他能。所以，童鞋們，人家之所以是leader，是因?yàn)槿思矣懈吣阋换I的技能，而這恰恰是你現(xiàn)階段所缺少的。


俗話說(shuō)，不想當(dāng)leader的程序猿不是好碼農(nóng)。所以，平時(shí)你們可以在公司里看看你們的leader在忙些什么。


這就是我為什么不推薦你使用vue-cli創(chuàng)建腳手架的原因（此文的受眾是想要進(jìn)階中級(jí)的初級(jí)前端人員）。


接下來(lái)，我會(huì)分章節(jié)手把手教大家如何從零開(kāi)始一個(gè)vue+webpack前端工程工作流的搭建，以及SSR服務(wù)端渲染。文章預(yù)告如下：



一個(gè)正式項(xiàng)目的目錄結(jié)構(gòu)是怎么形成的


vue-loader是如何配置的


淺談css-module配置


安裝使用eslint檢查的小技巧


如何在前端項(xiàng)目中配置editorconfig以及precommit


......


怎么用createRenderer的方式進(jìn)行服務(wù)端渲染


正式環(huán)境打包以及異步模塊打包優(yōu)化


以上內(nèi)容均會(huì)第一時(shí)間發(fā)布在我的公眾號(hào)：閏土大叔 ，歡迎關(guān)注。

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

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

相關(guān)文章

  • 《從零構(gòu)建前后分離的web項(xiàng)目》實(shí)戰(zhàn) -5分鐘快速構(gòu)建炒雞規(guī)范的VUE項(xiàng)目骨架

    摘要：可以使用或來(lái)安裝我用來(lái)重新嘗試一次對(duì)速度表示不理想的可以嘗試淘寶的不要過(guò)度依賴中可以寫(xiě)成放哪都行，可以寫(xiě)成可以寫(xiě)成看到這個(gè)畫(huà)面，安裝完成了。 初步搭建腳手架 Tips 任何不錯(cuò)的開(kāi)源項(xiàng)目都有 project-cli 腳手架、我們用它生成往往能快速配制出最佳的、理想的腳手架 我通常使用 cli 生成項(xiàng)目骨架再在之基礎(chǔ)上進(jìn)行個(gè)人修改。 什么是 CLI 命令行界面（英語(yǔ)：command-li...

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

  • 《從零構(gòu)建前后分離的web項(xiàng)目》實(shí)戰(zhàn) -5分鐘快速構(gòu)建炒雞規(guī)范的VUE項(xiàng)目骨架

    摘要：可以使用或來(lái)安裝我用來(lái)重新嘗試一次對(duì)速度表示不理想的可以嘗試淘寶的不要過(guò)度依賴中可以寫(xiě)成放哪都行，可以寫(xiě)成可以寫(xiě)成看到這個(gè)畫(huà)面，安裝完成了。 初步搭建腳手架 Tips 任何不錯(cuò)的開(kāi)源項(xiàng)目都有 project-cli 腳手架、我們用它生成往往能快速配制出最佳的、理想的腳手架 我通常使用 cli 生成項(xiàng)目骨架再在之基礎(chǔ)上進(jìn)行個(gè)人修改。 什么是 CLI 命令行界面（英語(yǔ)：command-li...

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

  • 前方來(lái)報(bào)，八月最新資訊--關(guān)于vue2&3的最佳文章推薦

    摘要：哪吒別人的看法都是狗屁，你是誰(shuí)只有你自己說(shuō)了才算，這是爹教我的道理。哪吒去他個(gè)鳥(niǎo)命我命由我，不由天是魔是仙，我自己決定哪吒白白搭上一條人命，你傻不傻敖丙不傻誰(shuí)和你做朋友太乙真人人是否能夠改變命運(yùn)，我不曉得。我只曉得，不認(rèn)命是哪吒的命。 showImg(https://segmentfault.com/img/bVbwiGL?w=900&h=378); 出處 查看github最新的Vue...

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

  • Vuejs自己的構(gòu)建工具

    摘要：然而，這些模板并不限制你自己對(duì)于使用的架構(gòu)組織和選擇類庫(kù)。目前可用的模板包括全功能的，包括熱加載，靜態(tài)檢測(cè)，單元測(cè)試一個(gè)簡(jiǎn)易的，以便于快速開(kāi)始。 最近， 尤大在和人對(duì)噴的時(shí)候，悄然放出了一個(gè)大招，于是為了追趕他的步伐，趕緊試驗(yàn)了下，并且把原文給大家翻譯下。 原文地址：Announcing vue-cli 譯文源地址： Vuejs自己的構(gòu)建工具 先上原文翻譯： 最近有很多大量關(guān)于Reac...

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

  • 深入認(rèn)識(shí)vue-cli：能做的不僅僅是初始化vue工程

    摘要：借助，我們通過(guò)非常簡(jiǎn)單的問(wèn)答形式，方便地初始化一個(gè)工程，完全不需要擔(dān)心繁復(fù)的配置等等。簡(jiǎn)單來(lái)說(shuō)，就是不僅僅能初始化工程，理論上能夠初始化一切工程，包括，等等等等，只要你有一份能夠運(yùn)行的模板，就能夠通過(guò)進(jìn)行工程的初始化。 相信對(duì)于大部分使用過(guò)VueJS的同學(xué)來(lái)說(shuō)，vue-cli是他們非常熟悉的一個(gè)工具。借助vue-cli，我們通過(guò)非常簡(jiǎn)單的問(wèn)答形式，方便地初始化一個(gè)vue工程，完全不需要...

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

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

0條評(píng)論

閱讀需要支付1元查看
<