webpack学习(七)-devServer

鱼鱼大仙的猫 9/12/2020 webpack

首页需要下载 webpack-dev-server ，然后配置代码后使用 npx webpack-dev-server 启动。

# 代码

webpack.config.js

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14

# 功能

开发服务器devServer，用来自动编译，更新数据，也就是webpack热加载，并且只会在内存中编译打包，不会有任何新文件夹生成。