webpack-dev-server 教程

本教程将通过 gulp 设置 webpack-dev-server。演示项目是一个展示 webpack 部分功能的简单网页项目,其中包含样式表和脚本。Webpack 捆绑包将生成在 public/build 目录下。可在 gulpfile 中修改 webpack-dev-server 的端口。执行 npm install gulp webpack-dev-server,并在浏览器中打开演示项目。更改后将热重载,无需刷新页面。可在输入字段中输入文本,并在 style.less 中将颜色更改为“红色”,然后在浏览器中查看更改后的页面。将 innerHTML 更改为“正在运行... 2”,再次在浏览器中查看。

zip 文件大小:5.97KB