webpack在vue-cli工程中有什么用

本篇文章給大家分享的是有關(guān)webpack在vue-cli工程中有什么用，小編覺得挺實(shí)用的，因此分享給大家學(xué)習(xí)，希望大家閱讀完這篇文章后可以有所收獲，話不多說，跟著小編一起來看看吧。

成都創(chuàng)新互聯(lián)服務(wù)項(xiàng)目包括高淳網(wǎng)站建設(shè)、高淳網(wǎng)站制作、高淳網(wǎng)頁制作以及高淳網(wǎng)絡(luò)營銷策劃等。多年來，我們專注于互聯(lián)網(wǎng)行業(yè)，利用自身積累的技術(shù)優(yōu)勢、行業(yè)經(jīng)驗(yàn)、深度合作伙伴關(guān)系等，向廣大中小型企業(yè)、政府機(jī)構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案，高淳網(wǎng)站推廣取得了明顯的社會(huì)效益與經(jīng)濟(jì)效益。目前，我們服務(wù)的客戶以成都為中心已經(jīng)輻射到高淳省份的部分城市，未來相信會(huì)繼續(xù)擴(kuò)大服務(wù)區(qū)域并繼續(xù)獲得客戶的支持與信任！

Vue項(xiàng)目開發(fā)過程中，會(huì)因?yàn)楹芏嗖煌膶?shí)際運(yùn)用需求不斷地對webpack配置進(jìn)行修改，在此之前，我們需要對webpack有一個(gè)基本的認(rèn)識，了解它到底能為我們做些什么

webpack是一個(gè)模塊打包的工具，它的作用是把互相依賴的模塊處理成靜態(tài)資源，如下圖所示。.

webpack的作用：

●把依賴樹按需分割；

●把初始加載時(shí)間控制在較低的水平；

●每個(gè)靜態(tài)資源都應(yīng)該成為一個(gè)模塊；

●能把第三方庫集成到項(xiàng)目里成為一個(gè)模塊；

●能定制模塊打包器的每個(gè)部分；

●能適用于大型項(xiàng)目。

webpack的特點(diǎn)：

●    代碼分割

在webpack的依賴樹里有兩種類型的依賴：同步依賴和異步依賴。異步依賴會(huì)成為一個(gè)代碼分割點(diǎn)，并且組成一個(gè)新的代碼塊。在代碼塊組成的樹被優(yōu)化之后，每個(gè)代碼塊都會(huì)保存在一個(gè)單獨(dú)的文件里。

●加載器

webpack原生是只能處理JavaScript的，而加載器的作用是把其他的代碼轉(zhuǎn)換成JavaScript代碼，這樣一來所有種類的代碼都能組成一個(gè)模塊，也就是說，我們可以在代碼內(nèi)通過import將webpack打包的資源以模塊的方式引入到程序中。

以下是Vue項(xiàng)目中常用到的加載器（它們都是以NPM庫形式提供的）：

vue-loader——用于加載與編譯*.vue文件；

vue-style-loader——用于加載*.vue文件中的樣式；

style-loader——用于將樣式直接插入到頁面的<style>內(nèi)；

css-loader——用于加載*.css樣式表文件；

less-loader——用于編譯與加載*.less文件（需要依賴于less庫）；

babel-loader——用于將ES6編譯成為瀏覽器兼容的ES5；

file-loader——用于直接加載文件；

url-loader——用于加載URL指定的文件，多用于字體與圖片的加載；

json-loader——用于加載*.json文件為JS實(shí)例。

●  智能解析

webpack的智能解析器能處理幾乎所有的第三方庫，它甚至允許依賴?yán)锍霈F(xiàn)這樣的表達(dá)式：

require("./components/"+ name + ".vue")

這一點(diǎn)恰恰是browserify不能做到的。

它能處理大多數(shù)的模塊系統(tǒng)，比如說CommonJS和AMD。

●插件系統(tǒng)

webpack有豐富的插件系統(tǒng)，大多數(shù)內(nèi)部的功能都是基于這個(gè)插件系統(tǒng)的。這也使得我們可以定制webpack，把它打造成能滿足我們需求的工具，并且把自己做的插件開源出去。

以上就是webpack在vue-cli工程中有什么用，小編相信有部分知識點(diǎn)可能是我們?nèi)粘９ぷ鲿?huì)見到或用到的。希望你能通過這篇文章學(xué)到更多知識。更多詳情敬請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

網(wǎng)站題目：webpack在vue-cli工程中有什么用
本文路徑：http://muchs.cn/article14/gdcjde.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供電子商務(wù)、品牌網(wǎng)站設(shè)計(jì)、App開發(fā)、商城網(wǎng)站、企業(yè)網(wǎng)站制作、網(wǎng)站改版

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)