webpack入門筆記——其餘配置

devtool

---

開發工具，可見供開發時使用的，生成時註釋

devtool: 'inline-source-map'
複製代碼

打包後的js不易閱讀，並且也不知道是哪一個js打包過來的代碼，總之報錯後不易定位。

配置 inline-source-map 工具後，報錯會指定錯誤位置和所屬文件

devServe

---

devServe 能夠提供個本地服務器，並實現代碼修改後自動打包，web自動刷新

1 . 安裝

cnpm install  webpack-dev-server --save-dev
複製代碼

2 . 配置

//不須要引入
devServer: {
    contentBase: './dist'
}
複製代碼

建立一個本地服務器，經過 localhost:8080 訪問

contentBase 指服務器根目錄

3. 配置快速啓動

爲了方便在命令行裏快速啓動服務器，配置個啓動腳本

//package.json
"scripts": {
    "start": "webpack-dev-server --open"
}
複製代碼

配置好後使用 npm start 便可啓動服務器