使用方法

注意：webpackDevServer是不依赖dist，因此即使没有输出之前也可以进行预览。
1.安装

  1. $ npm install webpack-dev-server

2.配置webpack.config.js

  1. module.exports = {
  2.   entry: './src/index.js',  // 入口文件
  3.   devtool:'inline-source-map',
  4.   devServer: {
  5.     contentBase: './dist', // 根目录，默认同级
  6.     open: true,  // 自动打开浏览器
  7.     port: 8080 // 端口号
  8.   },
  9.   output: {
  10.     filename: 'bundle.js',  // 文件名
  11.     path: path.resolve(__dirname, 'dist')  // 文件夹
  12.   }
  13. }

3.运行

  1. $ npx webpack-Dev-Server

4.自定义脚本文件

  1. "scripts": {
  2.   "start": "webpack-dev-server"
  3. },