文档章节

Webpack使用nodemon实时打包编译

JamesView
 JamesView
发布于 07/21 15:46
字数 349
阅读 150
收藏 1

业务场景: 

         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文件后实时编译了.

© 著作权归作者所有

共有 人打赏支持
JamesView
粉丝 6
博文 87
码字总数 17760
作品 0
海淀
前端工程师
【webpack】入门Demo

概述 Webpack 是当下最热门的前端资源模块化管理和打包工具。它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源。还可以将按需加载的模块进行代码分隔,等到实际需要的...

沉迷学习中
2017/12/25
0
0
为我们的 Vue SSR程序添加热更新功能

前沿 通过上一篇文章 通过vue-cli3构建一个SSR应用程序 我们知道了什么是SSR,以及如何通过vue-cli3构建一个SSR应用程序。但是最后遗留了一些问题没有处理,就是没有添加开发时的热更新功能,...

lentoo
10/15
0
0
Isomorphic React(React同构应用)三 :Bundle with Webpack

webpack 使用webpack对组件化的前端项目进行打包在如今是比较流行的做法。webpack解决的根本问题是处理项目中各种不同类型资源的依赖关系,并把他们打包成一个或多个文件,这也是我接触webpa...

weeast
08/27
0
0
express和webpack配合时热刷新出错的解决方法

出错 原因 不能使用nodemon或者supervisor去启动webpack-dev-server 之前因为把express服务和webpack-dev-server在同一个server.js里启动,然后执行,然后发现出错信息。 折腾了好久,googl...

一书and一世界
2017/01/18
0
0
在 IBM Cloud 上利用 Loopback 模板搭建 Angular 应用并实现自动部署

在 IBM Cloud 上利用 Loopback 模板搭建 Angular 应用并实现自动部署 杜 婧 2018 年 1 月 03 日发布 Loopback 框架简介 Loopback 是一款由 IBM 和 StrongLoop 团队共同打造的一款可扩展性强的...

杜 婧
01/03
0
0

没有更多内容

加载失败,请刷新页面

加载更多

软件测试工具书籍与面试题汇总下载(持续更新)

简介 本文是https://github.com/china-testing/python-api-tesing/blob/master/books.md 的节选。 欢迎转载,转载请附带此简介,谢谢! 试题 软件测试综合面试题(高级测试)-试题.pdf 软件测试...

python测试开发人工智能安全
13分钟前
0
0
java.sql.SQLException: Io 异常: The Network Adapter could not establish the connection 解决

有个项目使用的log4j进行日志记录的,同时也是用log4j中的数据库配置直接把相应级别的日志直接插入oracle。 在把项目部署的另一个内网环境时候,把项目的其他配置都改了,唯独log4j中的数据库...

哥本哈根的小哥
23分钟前
0
0
耗时 2 年,用 8.5 万块乐高积木最牛复刻 Apple Park

简评:国外大佬复刻 Apple Park,看了一下细节,确实厉害!只有你想不到,没有乐高拼不起来的,有没有乐高大神挑战一下? 苹果公园以各种各样的方式鼓舞人心,让人感兴趣。从建筑、可持续性和...

极光推送
24分钟前
0
0
记一次查找Hdfs磁盘占用空间比实际存储文件大4倍的原因

在一次主备namenode发生切换后,重启datanode节点,发现磁盘空间很大,想清理一下磁盘, 通过命令Hdfs dfs -du -h --max-depth=1 / 发现实际文件的大小只有8g,通过du -h --max-depth=1 /ha...

PageYi
51分钟前
4
0
阿里云推荐引擎使用教程

产品概述: 推荐引擎(Recommendation Engine,以下简称RecEng,特指阿里云推荐引擎)是在阿里云计算环境下建立的一套推荐服务框架,目标是让广大中小互联网企业能够在这套框架上快速的搭建满...

mcy0425
52分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部