webpack-2 使用webpack-dev-server

• version: 4.x

参考文档(https://www.webpackjs.com/concepts/#%E5%85%A5%E5%8F%A3-entry-)

• 上一节: 基本配置运行

首先 webpack-dev-server 是干什么用的: 简单来说就是,在你改变代码的时候不用重新打包,webpack-dev-server这个package会帮你启动一个服务, 然后在内存中打包, 然后在浏览器中直接看效果

• 安装webpack-dev-server

npm i webpack-dev-server -D

• 配置webpack

// webpack 是node写的所以,需要使用node(commonJS)的语法
const path = require("path");
const HtmlWebpackPlugin = require("html-webpack-plugin");

module.exports = {
    mode: 'development',
    entry: './src/index.js',
    output : {