webpack.config.js====webpack-dev-server开发服务器配置

Posted 2021-02-04 Summer_2014

1. 安装webpack-dev-server

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

2. 配置

    //开发服务器
    devServer: {
        //告诉服务器从哪里提供内容
        contentBase: path.join(__dirname, "dist"),
        //一切服务都启用gzip 压缩
        compress: true,
        //端口号
        port: 9000, 
        //是否自动打开默认浏览器
        open: true, 
        //指定使用一个host。默认是 localhost。如果你希望服务器外部可访问，指定如下：host: "0.0.0.0"
        //package.json中对应的scripts配置  "server": "webpack-dev-server --host 0.0.0.0"
        host:‘localhost‘,
        //启用 webpack 的模块热替换特性
        hot: true 
    },