文档章节

Webpack使用nodemon实时打包编译

JamesView
 JamesView
发布于 07/21 15:46
字数 349
阅读 67
收藏 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
粉丝 4
博文 85
码字总数 16899
作品 0
海淀
前端工程师
【webpack】入门Demo

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

沉迷学习中
2017/12/25
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
袁书记/vue-express-mongodb

Vue + Express + Mongodb 全栈之路 Keywords Vue Express Nodemon Webpack Npm MongoDb Structure .├── LICENSE├── README.md├── index.js├── nodemon.json├── package.json......

袁书记
2017/06/27
0
0
传统前端的webpack - tio-webpack

tio-webpack 传统前端的webpack,专门为传统前端开发的编译、压缩、打包工具,极大极大提升开发效率 使用场景 html代码段复用 常见的开发场景如header.html + xxx.html + foot.html ==> allX...

talent-tan
2017/11/30
210
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

qduoj~前端~二次开发~打包docker镜像并上传到阿里云容器镜像仓库

上一篇文章https://my.oschina.net/finchxu/blog/1930017记录了怎么在本地修改前端,现在我要把我的修改添加到部署到本地的前端的docker容器中,然后打包这个容器成为一个本地镜像,然后把这...

虚拟世界的懒猫
40分钟前
1
0
UML中 的各种符号含义

Class Notation A class notation consists of three parts: Class Name The name of the class appears in the first partition. Class Attributes Attributes are shown in the second par......

hutaishi
51分钟前
0
0
20180818 上课截图

小丑鱼00
今天
1
0
Springsecurity之SecurityContextHolderStrategy

注:下面分析的版本是spring-security-4.2.x,源码的github地址是: https://github.com/spring-projects/spring-security/tree/4.2.x 先上一张图: 图1 SecurityContextHolderStrategy的三个......

汉斯-冯-拉特
今天
0
0
LNMP架构(Nginx负载均衡、ssl原理、生成ssl密钥对、Nginx配置ssl)

Nginx负载均衡 网站的访问量越来越大,服务器的服务模式也得进行相应的升级,比如分离出数据库服务器、分离出图片作为单独服务,这些是简单的数据的负载均衡,将压力分散到不同的机器上。有时...

蛋黄_Yolks
今天
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部