vue+webpack+nodemon实时打包项目,自动重启项目Nodemon

最新推荐文章于 2024-03-05 13:53:09 发布

css3html5csdn

最新推荐文章于 2024-03-05 13:53:09 发布

阅读量951

点赞数

CC 4.0 BY-SA版权

分类专栏： webpack 文章标签： vue+webpack+nodemon实时打包项目自动重启项目Nodemon

本文链接：https://blog.youkuaiyun.com/qq_38402659/article/details/99305245

webpack 专栏收录该内容

3 篇文章

订阅专栏

本文介绍使用Nodemon进行实时打包的方法，通过监控src文件夹下的html、vue、js、less文件变化，实现自动打包，提高开发效率。并解决打包过程中遇到的问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

实时打包项目方法：

1,安装nodemon
2,package.json重新编写start方法
监控src文件夹下所有的html/vue/js/less文件有更改则自动打包

  "scripts": {
    "dev": "node build/dev-server.js",
    "dist": "nodemon --watch src -e html,vue,js,less build/build.js",
    "build": "node build/build.js",
    "start": "node build/start.js",
  },

安装了nodemon之后,在安装依赖就不用了停止服务重新启动了

https://www.npmjs.com/package/nodemon

其他:
维护期间发现个问题，当更改代码后会不停的打包，持续四五次才会停止，检测发现打包是成功的，最后只好卸载了nodemon重新安装，可以正常工作了。

npm uninstall nodemon
npm install -g nodemon

修改代码后，需要重新启动 Express 应用，所做的修改才能生效。若之后的每次代码修改都要重复这样的操作，势必会影响开发效率，本文将详细介绍Nodemon，它会监测项目中的所有文件，一旦发现文件有改动，Nodemon 会自动重启应用