webpack命令监测文件变化
如下2中方法,这里的自动监测变化不是在webpack.config.js中做自动更新代码的配置,而是使用webpack相关命令来实现
1.在wevpack打包完react文件之后,想要每改动一次代码自动页面刷新为最新内容,(这里的刷新还是需要手动点击一下浏览器的刷新按钮),可以全局安装webpack,命令如下:npm install webpack -g,然后开启一个webpack --watch它会帮你监听该项目下所有文件的变化
上面方法是最初级的更新方法,缺点:每次都得手动点击一下浏览器的刷新按钮
2.全局安装webpack-dev-server,命令npm install webpack-dev-server -g,使用webpack-dev-server --contentbase main开启一个服务,会给出如下地址
Project is running at http://localhost:8080/,此时在浏览器访问http://localhost:8080/webpack-dev-server/index.html即可访问到当前页面,如下图所示
注意(此时的webpack -- watch要继续执行),此时每次修改浏览器对应会做出热更新
相关推荐
yqoxygen 2020-06-02
不知道该写啥QAQ 2020-11-12
webfullStack 2020-11-09
Yvettre 2020-09-15
想做大牛的蜗牛 2020-10-30
gloria0 2020-10-26
gaojie0 2020-09-11
SelinaChan 2020-08-14
不知道该写啥QAQ 2020-08-09
gloria0 2020-08-09
不知道该写啥QAQ 2020-08-02
hline 2020-07-29
SelinaChan 2020-07-28
wangdianyong 2020-07-23
webpackvuees 2020-07-23
yqoxygen 2020-07-20
不知道该写啥QAQ 2020-07-18
waterv 2020-07-18