1.先確保安裝了最新版的Node.js和NPM,並已經了解NPM的基本用法
(以下使用cmd命令行進行)
2.安裝webpack
(1)全局安裝
$ npm install webpack -g
(1)局部安裝
我並不喜歡全局安裝這種方式,因為並不是所有的項目都需要webpack的。通常我們會將 Webpack 安裝到項目的依賴中,這樣就可以使用項目本地版本的 Webpack。
# 進入項目目錄(這里為demo)
# 確定已經有 package.json,沒有就通過 npm init 創建
# 安裝 webpack 依賴
$ npm install webpack --save-dev
(--save-dev會作為開發依賴來安裝webpack。安裝成功之后,在 package.json中會多一項配置

)
3.安裝webpack-dev-server(它可以在開發環境中提供很多服務,比如啟動一個服務器、熱更新、接口代理等)
$ npm install webpack-dev-server --save-dev
安裝完成之后,最終的package.json文件內容為:

如果你的devDependencies中包含webpack和webpack-dev-server,恭喜你,已經安裝成功!
4.安裝webpack腳手架
$ npm install webpack-cli -g
4.在demo中創建一個js文件:webpack.config.js(進行出口入口配置)
4.在demo中創建一個input.js作為入口文件