成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

淺談webpack特點(diǎn)及其使用（個人備忘錄）

Achilles / 506人閱讀

摘要：的特點(diǎn)模塊化會把一切視為模塊，而模塊化的文件會十分靈活，且容易調(diào)試以及升級，會讓人有種工程化的意識。的安裝形式安裝也可以直接安裝到項(xiàng)目的依賴?yán)锱渲萌肟谖募K打包的起點(diǎn)稱之為入口文件。是你第一個啟動的文件。

好多人在剛開始學(xué)習(xí)了webpack之后，可能對于webpack是什么？怎么用多少會有些迷茫，下面是我的學(xué)習(xí)心得，希望能幫助到大家，有不足之處，也歡迎提出共同來討論。

webpack的特點(diǎn)

模塊化

webpack會把一切視為模塊，而模塊化的文件會十分靈活，且容易調(diào)試以及升級，webpack會讓人有種工程化的意識。

壓縮和打包

有人會說webpack就是為js打包而生的，其他的功能也是后來才加上去的，所以webpack更注重打包，也就是說文件打包功能更加強(qiáng)大。此外，現(xiàn)在的webpack不僅能給js文件打包，css文件等等都可以，至于如何實(shí)現(xiàn)我們后面會提到。它還可以預(yù)編譯文件等等。

webpack的安裝

npm 形式安裝

$npm install webpack -g

也可以直接安裝到項(xiàng)目的依賴?yán)?/p> 

npm init
npm install webpack -save-dev
配置webpack.config.js what is entry point (入口文件)

模塊打包的起點(diǎn)稱之為入口文件。入口文件會告訴webpack從哪里開始打包和遵循著什么依賴關(guān)系進(jìn)行打包。是你app第一個啟動的文件。

實(shí)例

建立index.html

建立main.js

建立webpack.config.js文件

安裝live-server并預(yù)覽程序

index.html

main.js

module.exports = {
    entry: "./main.js",
    output: {
        filename: "bundle.js"
    }
};

安裝live-server，
npm install live-server -g

感受一下吧。

當(dāng)然這里是基本的東西。

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

轉(zhuǎn)載請注明本文地址：http://m.hztianpu.com/yun/90192.html

相關(guān)文章

  • 個人整理, 閱讀過的好文章 (每天隨時更新)

    摘要：大家有好的文章可以在評論下面分享出來共同進(jìn)步本文鏈接數(shù)組使用之道程序員進(jìn)階學(xué)習(xí)書籍參考指南教你在不使用框架的情況下也能寫出現(xiàn)代化代碼巧用數(shù)組函數(shù)框架中間件實(shí)現(xiàn)沒錯，這就是面向?qū)ο缶幊淘O(shè)計模式需要遵循的個基本原則令人困惑的在中使用協(xié)程實(shí)現(xiàn)多任 大家有好的文章,可以在評論下面分享出來, 共同進(jìn)步! 本文github鏈接 php PHP 數(shù)組使用之道 PHP程序員進(jìn)階學(xué)習(xí)書籍參考指南 教你...

    Chiclaim 評論0 收藏0

  • 后臺開發(fā)常問面試題集錦（問題搬運(yùn)工，附鏈接）

    摘要：基礎(chǔ)問題的的性能及原理之區(qū)別詳解備忘筆記深入理解流水線抽象關(guān)鍵字修飾符知識點(diǎn)總結(jié)必看篇中的關(guān)鍵字解析回調(diào)機(jī)制解讀抽象類與三大特征時間和時間戳的相互轉(zhuǎn)換為什么要使用內(nèi)部類對象鎖和類鎖的區(qū)別，，優(yōu)缺點(diǎn)及比較提高篇八詳解內(nèi)部類單例模式和 Java基礎(chǔ)問題 String的+的性能及原理 java之yield(),sleep(),wait()區(qū)別詳解-備忘筆記 深入理解Java Stream流水...

    spacewander 評論0 收藏0

  • 后臺開發(fā)常問面試題集錦（問題搬運(yùn)工，附鏈接）

    摘要：基礎(chǔ)問題的的性能及原理之區(qū)別詳解備忘筆記深入理解流水線抽象關(guān)鍵字修飾符知識點(diǎn)總結(jié)必看篇中的關(guān)鍵字解析回調(diào)機(jī)制解讀抽象類與三大特征時間和時間戳的相互轉(zhuǎn)換為什么要使用內(nèi)部類對象鎖和類鎖的區(qū)別，，優(yōu)缺點(diǎn)及比較提高篇八詳解內(nèi)部類單例模式和 Java基礎(chǔ)問題 String的+的性能及原理 java之yield(),sleep(),wait()區(qū)別詳解-備忘筆記 深入理解Java Stream流水...

    xfee 評論0 收藏0

  • 后臺開發(fā)常問面試題集錦（問題搬運(yùn)工，附鏈接）

    摘要：基礎(chǔ)問題的的性能及原理之區(qū)別詳解備忘筆記深入理解流水線抽象關(guān)鍵字修飾符知識點(diǎn)總結(jié)必看篇中的關(guān)鍵字解析回調(diào)機(jī)制解讀抽象類與三大特征時間和時間戳的相互轉(zhuǎn)換為什么要使用內(nèi)部類對象鎖和類鎖的區(qū)別，，優(yōu)缺點(diǎn)及比較提高篇八詳解內(nèi)部類單例模式和 Java基礎(chǔ)問題 String的+的性能及原理 java之yield(),sleep(),wait()區(qū)別詳解-備忘筆記 深入理解Java Stream流水...

    makeFoxPlay 評論0 收藏0

發(fā)表評論

0條評論

閱讀需要支付1元查看
<