webpack-dev-server是一个小型的Node.js Express服务器,我们可以通过它搭建一个本地服务器,并且实现文件热更新;先确保你本地有安装npm,node
1、切换到你的目录下对项目进行初始化
npm init
一顿enter,yes之后我们会得到package.json文件(ps:json不能写注释,别复制过去直接用奥!否则会报错)
![]()
{
"name": "webpacktest",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"author": "",
"license": "ISC"
}
2、安装webpack
npm install webpack --save-dev
为什么使用--save-dev而不是--save?
--save 会把依赖包名称添加到 package.json 文件 dependencies 下;
--save-dev 则会把依赖包名称添

本文介绍了如何使用webpack-dev-server搭建本地开发服务器,包括项目初始化、webpack及webpack-dev-server的安装、配置文件创建、目录结构设定以及解决运行过程中的问题。通过此设置,可以实现文件热更新和自定义端口号。
最低0.47元/天 解锁文章
811

被折叠的 条评论
为什么被折叠?



