webpack-dev-server配置翻车记录

在配置WebpackDevServer后，在开发的过程中，经常出现莫名其妙的内存溢出，最后经过多方排查，发现问题出在webpack的配置文件上。

错误的配置文件

//旧配置文件，现作废，原因见下面描述
devServer: {
    //基础目录(可选)
    //contentBase: './',
    //如果需要被外部访问
    host: "0.0.0.0",
    port: 8989,
    //只显示错误提示
    stats: "errors-only",
    //静态资源路径
    publicPath: "/dist/",
    //在devServer启动之前执行的方法
    after: () => {
        console.log('Server Start!');
    },
    //将默认 /dist/ 路径代理为 / 路径
    proxy: {
        '/': 'http://0.0.0.0:8989/dist/'
    }
}

2018-12-14

Frontend

1 分钟读完 (大约 138 个字)

网络相关基础知识

页面加载过程

URL解析
DNS查询
资源请求
浏览器解析

URL结构

1 2	http://www.baidu.com:80/getdata.do?userId=1#title 协议域名端口路径参数哈希

Jmeow

Developer

Moon, Solar System

文章

分类

标签

关注我

webpack-dev-server配置翻车记录

网络相关基础知识

页面加载过程

URL结构

链接

分类

标签云

归档

标签

归档

标签

Your browser is out-of-date!