Webpack目前官方發(fā)布的最新版本是3.1.0,相對于2.0的怎么本,在語法上沒有變動,只是新增了功能。使用webpack,需要事先安裝node.js,并對node.js生態(tài)有一些基本的了解,比如(npm init 初始化項目,npm install 安裝一個包等等)。使用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是時下很火的js模塊化的打包工具。當用webpack處理你的應用時,它會遞歸的構建每個模塊的依賴關系圖,然后把所有的這些依賴模塊打包到一個由數(shù)個小塊組成的文件中--通常只有一個(將被瀏覽器加載)
It is incredibly configurable, but to get started you only need to understand Four Core Concepts: entry, output, loaders, and plugins.
雖然它是高度可配置的,但是初步使用你只需要理解下面這四個核心概念:入口,輸出,加載器,插件。默認情況下,所有這些配置項,都保存在項目根目錄下一個名為webpack.config.js的文件中。