webpack4.0-devServer的使用-04

修改文件后自动打包配置（监听源代码变动打包）

第一种方法：

package.json文件配置scripts

"scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "bundle": "webpack",
    "watch": "webpack --watch" // 监听源代码变动，自动打包
  },

第二种方法：

通过webpack的devServer实现监听打包，安装webpack-dev-server

// webpack.config.js中的配置
devServer: {
    contentBase: './dist', // 定义服务器启动服务的位置
    open: true , // 启动webpack devServer的时候自动打开浏览器
    proxy: { // 用于跨域配置

   },
   port: 8089, // 定义服务的端口号
}

package.json中的配置

"scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "bundle": "webpack",
    "server": "webpack-dev-server" // webpack-dev-server启动本地服务
  },