Webpack目前官方發(fā)布的最新版本是3.1.0,相對(duì)于2.0的怎么本,在語法上沒有變動(dòng),只是新增了功能。使用webpack,需要事先安裝node.js,并對(duì)node.js生態(tài)有一些基本的了解,比如(npm init 初始化項(xiàng)目,npm install 安裝一個(gè)包等等)。使用webpack通常有兩種方式:1. 命令行方式(CLI) , 2 script方式(推薦)。 兩種方式都需要理解webpack概念。

概念

webpack is a module bundler for modern JavaScript applications. When webpack processes your application, it recursively builds a dependency graph that includes every module your application needs, then packages all of those modules into a small number of bundles - often only one - to be loaded by the browser.

webpack是時(shí)下很火的js模塊化的打包工具。當(dāng)用webpack處理你的應(yīng)用時(shí),它會(huì)遞歸的構(gòu)建每個(gè)模塊的依賴關(guān)系圖,然后把所有的這些依賴模塊打包到一個(gè)由數(shù)個(gè)小塊組成的文件中--通常只有一個(gè)(將被瀏覽器加載)

It is incredibly configurable, but to get started you only need to understand Four Core Concepts: entry, output, loaders, and plugins.

雖然它是高度可配置的,但是初步使用你只需要理解下面這四個(gè)核心概念:入口,輸出,加載器,插件。默認(rèn)情況下,所有這些配置項(xiàng),都保存在項(xiàng)目根目錄下一個(gè)名為webpack.config.js的文件中。

一. 入口 (entry) 

網(wǎng)友評(píng)論