28 webpack-dev-server安装、使用、设置

最新推荐文章于 2024-08-07 23:48:41 发布

Civitasv

最新推荐文章于 2024-08-07 23:48:41 发布

阅读量376

点赞数

分类专栏： Vue 文章标签： vue webpack server

本文链接：https://blog.csdn.net/qq_40996400/article/details/104445622

版权

webpack-dev-server的作用类似于热部署。

下面根据一个例子阐述该插件的使用，本博客默认你已经安装好了webpack且已经配置好了相关文件，若你还没完成这一步，请看教程：webpack4.x安装及基本使用。

1 本地安装

npm i webpack-dev-server -D

2 修改package.json

 "scripts": {
   
    "test": "echo \"Error: no test specified\" && exit 1",
    "dev": "webpack",
    "server": "webpack-dev-server"
  },

3 添加index.html和index.js

index.html：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport

关注

专栏目录