webpack及其五大核心配置

2021-10-06 13:15:55 字數 1137 閱讀 5836

前端開發核心之一,高階前端工程師的基礎技能。(必須要學會的,別逃避了)

npm init

npm i webpack webpack-cli -d

module.exports =
執行編譯的命令為

webpack
這樣你就得到了乙個基於webpack開發的專案。

webpack的五大核心配置為:mode、entry、loaders、plugins、output

mode:編譯模式

entry:編譯起始檔案

loaders:檔案資源的轉換

plugins:提供額外功能的外掛程式

output:編譯結果檔案輸出

詳細的配置可以看這裡的例子。

entry和output相對應,可以理解為原始碼和待發布**。

entry    字串 | 物件

單入口 多入口

} }

output    物件

單出口 多出口

}

單、多入口對應的是單、多頁應用。

loaders和plugins功能類似,plugins功能更強更複雜,有時兩者需要搭配使用,可以理解為原始碼到待發布**的加工過程。

loader    物件

module:, `test指定匹配規則,use指定使用的loader`

...]

}plugins 陣列

plugins:[

new pluginname({}),

...]

mode有三個選項,不同選項會預設開啟不同的外掛程式。

mode    字串

mode:'production'

2021最新五大瀏覽器及其核心

根據瀏覽器的核心不同,程式設計中存在五大瀏覽器 五大瀏覽器 ie opera 歐朋 firfox 火狐 safari 蘋果瀏覽器 chrome 谷歌瀏覽器 五大瀏覽器的核心 ie trident edge 摒棄了之前ie的核心,轉而使用了谷歌的最新開源核心chromium firfox gecko ...

五大核心演算法

include using namespace std 遞迴實現機械人台階走法統計 引數 n 台階個數 返回 上台階總的走法 f n f n 1 f n 2 分治演算法 intwalkcount1 int n 動態規劃是一種分治思想,但於分治演算法不同的是,動態規劃是自底向上先求最小的子問題,把結果...

scrapy五大核心元件

一 引擎 scrapy 用來處理整個系統的資料流處理,觸發事務 框架核心 二 排程器 scheduler 用來接受引擎發過來的請求,壓入佇列中,並在引擎再次請求的時候返回.可以想像成乙個url 抓取網頁的 或者說是鏈結 的優先佇列,由它來決定下乙個要抓取的 是什麼,同時去除重複的 四 爬蟲 spid...