1.使用#
webpack版本問(wèn)題###
目前有兩個(gè)主版本，一個(gè)是在 master 主干的穩(wěn)定版，一個(gè)是在 webpack-2 分支的測(cè)試版，測(cè)試版擁有一些實(shí)驗(yàn)性功能并且和穩(wěn)定版不兼容，在正式項(xiàng)目中應(yīng)該使用穩(wěn)定版。
#查看webpack版本信息
npm info webpack
#安裝指定版本webpack
npm install webpack@1.14.0 --save-dev
安裝###
npm install webpack -g
查看###
webpack -h
使用項(xiàng)目本地版本的webpack###
# 進(jìn)入項(xiàng)目目錄
# 確定已經(jīng)有 package.json，沒(méi)有就通過(guò) npm init 創(chuàng)建
# 安裝 webpack 依賴
npm install webpack --save-dev
webpack開(kāi)發(fā)工具###
npm install webpack-dev-server --save-dev
2.使用#
①創(chuàng)建一個(gè)靜態(tài)頁(yè)面index.html和一個(gè)js入口文件entry.js:####
<!-- index.html -->
<html>
<head> <meta charset="utf-8"></head>
<body>
<script src="bundle.js"></script>
</body>
</html>
// entry.js
document.write('It works.')
②編譯
webpack entry.js bundle.js
③添加模塊并修改entry.js
document.write(require('./module.js')) // 添加模塊
Loader#
安裝使用Loader####
#entry.js
require('./style.css')
#有些環(huán)境下可能使用雙引號(hào)
webpack entry.js bundle.js --module-bind 'css=style!css'
