Webpack使用nodemon实时打包编译

65 阅读 0 评论 43 点赞

我是靠谱客的博主潇洒外套，最近开发中收集的这篇文章主要介绍Webpack使用nodemon实时打包编译，觉得挺不错的，现在分享给大家，希望可以做个参考。

2019独角兽企业重金招聘Python工程师标准>>>

业务场景:

1.编写一个npm组件包并且link到了项目文件中

2.需要不断的修改并run build编译npm包并且在项目run dev 查看效果

3.问题: 每次改完npm包都要手动run build编译十分的麻烦且低效,可不可以向run dev一样实现每次修改npm包的内容就自动build呢?

1. 首先安装nodemon ( nodemon用来监视node.js应用程序中的任何更改并自动重启服务,非常适合用在开发环境中),参考链接: 简介、基本配置与使用，全局安装：

      npm install -g nodemon

2. 在package.json里配置一下scripts：

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

指令解释： --watch开启监控模式，监视src文件夹，-e配置了监控的文件类型（html、vue、js、less），build/build.js是你要运行的脚本。这样在命令行里用npm run start便可以修改html、vue、js、less文件后实时编译了.

转载于:https://my.oschina.net/jamesview/blog/1860567

以上就是潇洒外套为你收集整理的Webpack使用nodemon实时打包编译的全部内容，希望文章能够帮你解决Webpack使用nodemon实时打包编译所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。