【webpack】webpack中webpack-dev-server配置

流程

一、安装与运行

• 安装npm i webpack-dev-server -D
• 设置脚本命令
• 在webpack.config.js文件中的script对象里的命令本来是webpack的改成webpack-dev-server
• 运行脚本试试，这时候会在这个目录下启动服务，并且能访问到这个目录下所有文件。比如可以试试访问http://localhost:8080/webpack.config.js看能不能看见配置文件。
• 至于为什么外部有些打包文件看不见却能在浏览器里访问比如bundle.js，那是因为dev-server在内存中打包文件。

二、配置

• 主要是配这3个选项，如果以后有用到别的本文重新更新。

const path = require('path');
module.exports={
    mode:'development',
    devServer:{
        port :3002,//端口
        compress :true, //gzip提升速度
        contentBase:path.resolve(__dirname,'../dist')//启动服务会在dist下
    }
}