webpack-dev-server安装、webpack-dev-server不能自动刷新问题

webpack-dev-server在线安装视频讲解

不刷新问题在视频后面,最好这一节视频完整的看一遍

功能:
实现自动打包编译的功能
安装:

  • 在该项目的目录下运行命令行:npm i webpack-dev-server -D 把这个工具安装到项目的本地开发依赖
  • 修改配置:在package.js中的script中添加"dev": “webpack-dev-server”

在这里插入图片描述

  • 在命令行中运行 npm run dev(名字可以不是dev,但必须与配置文件中的对应)
    在这里插入图片描述
  • 将index.html中之前引入的js文件修改为根目录下该文件

当修改js后,webpack-dev-server会自动打包

注:

  • webpack-dev-server这个工具如果想要正常运行,要求本地项目中,必须安装webpack
  • webpack-dev-server帮我们打包生成bundle.js文件,并没有存放到实际的物理磁盘中,而是直接托管到了电脑的内存中,所以,我们在项目中,根本找不到打包好的bundle.js

最好还是去看视频教程,我也觉得自己写的有点不明白

你可能感兴趣的:(其它)