webpack笔记06 -- devServer

webpack devServer (GitHub)

开发服务器 devServer： 用来自动化（自动化编译、自动打开浏览器、自动刷新浏览器）

特点： 只会在内存中打包，不会有任何输出bundle.js

启动devServer指令：npx webpack-dev-server

1、下载

npm i webpack-dev-server -D

2、使用

• webpack.config.js

module.exports = { 
    devServer: {
        // 构建后的目录
        contentBase: path.resolve(__dirname, 'build'),
        // 启动gzip压缩
        compress: true,
        // 端口号
        port: 3000,
        // 自动打开浏览器
        open: true
    }
}

GitHub源代码：https://github.com/GYQ-LQ/webpack-actual/tree/master/06-devServer