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)
延伸閱讀
- ssh框架 2016-09-30
- 阿里移動(dòng)安全 [無線安全]玩轉(zhuǎn)無線電——不安全的藍(lán)牙鎖 2017-07-26
- 消息隊(duì)列NetMQ 原理分析4-Socket、Session、Option和Pipe 2024-03-26
- Selective Search for Object Recognition 論文筆記【圖片目標(biāo)分割】 2017-07-26
- 詞向量-LRWE模型-更好地識(shí)別反義詞同義詞 2017-07-26
- 從棧不平衡問題 理解 calling convention 2017-07-26
- php imagemagick 處理 圖片剪切、壓縮、合并、插入文本、背景色透明 2017-07-26
- Swift實(shí)現(xiàn)JSON轉(zhuǎn)Model - HandyJSON使用講解 2017-07-26
- 阿里移動(dòng)安全 Android端惡意鎖屏勒索應(yīng)用分析 2017-07-26
- 集合結(jié)合數(shù)據(jù)結(jié)構(gòu)來看看(二) 2017-07-26