文档章节

Webpack使用nodemon实时打包编译

JamesView
 JamesView
发布于 2018/07/21 15:46
字数 349
阅读 276
收藏 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
粉丝 8
博文 100
码字总数 23352
作品 0
海淀
前端工程师
私信 提问
【webpack】入门Demo

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

沉迷学习中
2017/12/25
0
0
用typescript开发koa2的二三事

前言 最近在写一个博客的项目,前端用的 ,后台则选择了 的组合。写这篇博客的目的也是在写后台的过程遇到一些问题,查了很多资料才解决。于是权当总结,亦是记录,可以给别人做一个完整的参考...

苏简
2018/11/13
0
0
为我们的 Vue SSR程序添加热更新功能

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

lentoo
2018/10/15
0
0
详解如何从零开始搭建Express+Vue开发环境

准备工作 1. 为前端选择合适的预处理工具和资源管理工具 预处理工具又分为 js 预处理工具和 css 预处理工具。Javascript 一直以来最为人诟病的一点就是缺乏原生的模块机制,所有 js 代码文件...

peakedness丶
2018/11/11
0
0
express和webpack配合时热刷新出错的解决方法

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

一书and一世界
2017/01/18
0
0

没有更多内容

加载失败,请刷新页面

加载更多

OSChina 周一乱弹 —— 白掌柜说了卖货不卖身

Osc乱弹歌单(2019)请戳(这里) 【今日歌曲】 @爱漫爱 :这是一场修行分享羽肿的单曲《Moony》 手机党少年们想听歌,请使劲儿戳(这里) @clouddyy :开不开心? 开心呀, 我又不爱睡懒觉…...

小小编辑
今天
5
0
大数据教程(11.7)hadoop2.9.1平台上仓库工具hive1.2.2搭建

上一篇文章介绍了hive2.3.4的搭建,然而这个版本已经不能稳定的支持mapreduce程序。本篇博主将分享hive1.2.2工具搭建全过程。先说明:本节就直接在上一节的hadoop环境中搭建了! 一、下载apa...

em_aaron
今天
2
0
开始看《JSP&Servlet学习笔记》

1:WEB应用简介。其中1.2.1对Web容器的工作流程写得不错 2:编写Servlet。搞清楚了Java的Web目录结构,以及Web.xml的一些配置作用。特别是讲了@WebServlet标签 3:请求与响应。更细致的讲了从...

max佩恩
今天
3
0
mysql分区功能详细介绍,以及实例

一,什么是数据库分区 前段时间写过一篇关于mysql分表的的文章,下面来说一下什么是数据库分区,以mysql为例。mysql数据库中的数据是以文件的形势存在磁盘上的,默认放在/mysql/data下面(可...

吴伟祥
今天
3
0
SQL语句查询

1.1 排序 通过order by语句,可以将查询出的结果进行排序。放置在select语句的最后。 格式: SELECT * FROM 表名 ORDER BY 排序字段ASC|DESC; ASC 升序 (默认) DESC 降序 1.查询所有商品信息,...

stars永恒
今天
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部