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 即可启动服务器