2.配置文件webpack.config.js

新建webpack.config.js文件

const path = require('path');
module.exports = {
    // 入口 
    entry: { 
        entry: './src/entry.js',
    },
    // 出口
    output: {
        //绝对路径
        path: path.resolve(__dirname,'dist'),
        //打包好的文件名字叫什么
        filename: 'bundle.js'
    },
    // 模块
    module: {},
    //插件
    plugins: [],
    //开发服务
    devServer: {}
}

入口文件随意命名(多文件配置)

entry:{
  entry:"",
  entry1:""
}
filename:'[name].js'

配置地本服务

devServer: {
        contentBase: path.resolve(__dirname, 'dist'),
        host: '',
        compress: true, //服务端是否启用压缩
        port:
    }

安装webpack-dev-server

cnpm install webpack-dev-server --save-dev

更改package.json中的scripts，运行项目命令

"scripts": {
  "server":"webpack-dev-server"
},

运行npm run server