正文 

当前位置： 首页 > 问答 >

Grunt，Livereload 与 Maven 和码头服务器

     2023-03-30     280

关键词：

【中文标题】Grunt，Livereload 与 Maven 和码头服务器【英文标题】：Grunt, Livereload with maven and jetty server 【发布时间】：2013-11-18 08:45:04 【问题描述】：

我想知道是否可以在我当前使用 maven 和 jetty 的 java web 应用程序中使用 grunt 和 livereload？

我当前的 java web 应用程序的工作方式是我运行 maven 来构建 webapp，它还创建了一个本地码头服务器，我的 java 应用程序在其上运行。我希望能够使用码头服务器进行 livereload，而不是让 grunt 创建一个新的 localhost 服务器来寻找要加载的 index.html 页面。

Gruntfile.js（只是我的 gruntfile.js 中的几个 sn-ps）

var LIVERELOAD_PORT = 35729;
var lrSnippet = require('connect-livereload')(
  port: LIVERELOAD_PORT
);
var mountFolder = function (connect, dir) 
  return connect.static(require('path').resolve(dir));
;

    connect: 
      options: 
        port: 9000,
        hostname: '*'
      ,
      livereload: 
        options: 
          middleware: function (connect) 

            return [lrSnippet, mountFolder(connect, 'src/main/webapp/')];
          
        
      
    ,
    open: 
      server: 
        path: 'http://localhost:<%= connect.options.port %>'

【问题讨论】：

你有没有得到这个排序？尝试使用 intellij/tc 进行实时编辑但不一样？ 【参考方案1】：

你可以使用这个： https://github.com/davidB/livereload-jvm

我这样做的方式是：以编程方式创建一个码头服务器实例，并随之创建一个 LRServer（上述实现还监视您选择的文件夹中的更改，并在发现更改时通知客户端/浏览器）。要包含 livereload.js 客户端脚本，我依赖我的框架来执行它（Apache Wicket），我将其配置为在开发模式下包含脚本。

我相信你可以为此创建一个小型 maven 插件，甚至可以通过 maven 生成一个新的 jvm（使用 exec-maven-plugin 例如http://mojo.codehaus.org/exec-maven-plugin/）和这个 livereload 实现。

【讨论】：

Grunt：查看多个文件，仅编译更改 - livereload 中断？

】Grunt：查看多个文件，仅编译更改-livereload中断？【英文标题】：Grunt:Watchmultiplefiles,compileonlychanged-livereloadbreaks?【发布时间】：2013-07-0422:12:30【问题描述】：我完全是Grunt和Javascript/Coffeescript的新手。我们在一个包含数百个.coffe... 查看详情

如何将 LiveReload 与 AngularJS 模板 URL 一起使用

】如何将LiveReload与AngularJS模板URL一起使用【英文标题】：HowcanIuseLiveReloadwithanAngularJStemplateURL【发布时间】：2014-01-2523:11:03【问题描述】：如何在使用LiveReload和Grunt保存时重新加载templateURL？angular.module(\'meshApp\',[\'ngSanitize\',\'ngRou... 查看详情

如何在不刷新整个页面的情况下让 Grunt/Watch/LiveReload 重新加载 Sass/CSS？

】如何在不刷新整个页面的情况下让Grunt/Watch/LiveReload重新加载Sass/CSS？【英文标题】：HowcanIgetGrunt/Watch/LiveReloadtoreloadSass/CSSwithoutafullpagerefresh?【发布时间】：2013-10-0102:23:48【问题描述】：到目前为止，我已经按照自己的意愿完成... 查看详情

Yeoman Angular.js grunt serve-d 应用程序从 livereload.js?snipver=1 延迟很长

】YeomanAngular.jsgruntserve-d应用程序从livereload.js?snipver=1延迟很长【英文标题】：YeomanAngular.jsgruntserve-dapphasverylonglatencyfromlivereload.js?snipver=1【发布时间】：2014-03-2018:44:31【问题描述】：我跟随Yeoman\'sguide设置了一个Angular.js应用程序... 查看详情

livereload介绍

Livereload可理解为即时刷新，在前端开发中，开发人员在编写或调试html/js/css代码后须要从编辑器切换到浏览器。再刷新浏览器才干看到页面变化，这样的十分频繁的操作在一定程度上影响了工作效率，而Liverelod能够帮助我们ad攻... 查看详情

运行 grunt 和 tomcat 服务器的 Web 应用程序（Spring、Angular、Grunt、Maven、Tomcat）

】运行grunt和tomcat服务器的Web应用程序（Spring、Angular、Grunt、Maven、Tomcat）【英文标题】：WebApp(Spring,Angular,Grunt,Maven,Tomcat)runningbothgruntandtomcatservers【发布时间】：2014-09-2501:09:18【问题描述】：好的，所以我一直在阅读其他几个堆... 查看详情

gulp.js livereload 与快递服务器？

】gulp.jslivereload与快递服务器？【英文标题】：gulp.jslivereloadwithexpressserver?【发布时间】：2014-07-0304:16:12【问题描述】：我正在尝试将我的gulpfile.js设置为在快速服务器上使用livereload，但运气不佳。我看到了一些例子，但它们似... 查看详情

gulp和grunt的区别

1.Grunt->Gulp早些年提到构建工具，难免会让人联想到历史比较悠久的Make，Ant，以及后来为了更方便的构建结构类似的Java项目而出现的Maven。Node催生了一批自动化工具，像Bower，Yeoman，Grunt等。而如今前端提到构建工具会自然想... 查看详情

谷歌livereload插件使用

1、插件下载地址：http://www.chromein.com/search_livereload_1.html2、谷歌浏览器启用改插件3、sublime安装livereload插件，安装方法与其他插件一样4、点击浏览器改小图标边实心这样就可以直接修改完html或者css保存，不需要刷新，立即可以... 查看详情

grunt与seajs结合应用

9.seajs构建的问题01.png和02.jpg 10.seajs与grunt如何结合开发。两个插件：grunt-cmd-transportgrunt-cmd-contact,去grunt官网上查并下载03.png将代码暂存到.build的文件中，执行任务后，则自动提取出依赖。然后再将这些依赖文件进行打包或者... 查看详情

如何让 React 与 Grunt 和 Babel 一起工作？

】如何让React与Grunt和Babel一起工作？【英文标题】：HowtogetReacttoworkwithGruntandBabel?【发布时间】：2017-01-2002:50:29【问题描述】：我正在尝试使用我们目前拥有的Grunt构建将React集成到当前项目中。我去了grunt-reacthttps://www.npmjs.com/pack... 查看详情

正确发布一个 grunt 项目

】正确发布一个grunt项目【英文标题】：Releaseagruntprojectproperly【发布时间】：2014-07-1114:22:10【问题描述】：我正在使用Nexus来存储我的静态Web工件。作为一名前“Java开发人员”，我曾经经常使用Mavenreleaseplugin将我构建的工件部署... 查看详情

我为何放弃gulp与grunt，转投npmscripts（上）

本文来源于我在InfoQ中文站翻译的文章，原文地址是：http://www.infoq.com/cn/news/2016/02/gulp-grunt-npm-scripts-part1CoryHouse是“BuildingApplicationswithReactandFlux”与“CleanCode:WritingCodeforHumans”的作者，同时也是Pluralsight上众多课程的讲师 查看详情

如何与 grunt 共享配置？

】如何与grunt共享配置？【英文标题】：Howtoshareconfigswithgrunt?【发布时间】：2015-10-1700:51:26【问题描述】：我有2个相同的文件，只有1个任务不同。无论如何要重新使用配置，以便更易于维护？我正在寻找这样的东西：文件1：配... 查看详情

我为何放弃gulp与grunt，转投npmscripts（上）

本文来源于我在InfoQ中文站翻译的文章。原文地址是：http://www.infoq.com/cn/news/2016/02/gulp-grunt-npm-scripts-part1CoryHouse是“BuildingApplicationswithReactandFlux”与“CleanCode:WritingCodeforHumans”的作者。同一时候也是Pluralsight上众多课程的 查看详情

警告：spawn ENOENT 与 Grunt sass 任务一起使用

】警告：spawnENOENT与Gruntsass任务一起使用【英文标题】：Warning:spawnENOENTUsewithGruntsasstask【发布时间】：2014-09-2502:44:00【问题描述】：我最近下载了OSXYosemite，现在grunt-contrib-sass无法正常工作，我收到错误消息：Running"sass:dist"(sass)ta... 查看详情

我为何放弃gulp与grunt，转投npmscripts（上）

...，原文地址是：http://www.infoq.com/cn/news/2016/02/gulp-grunt-npm-scripts-part1CoryHouse是“BuildingApplicationswithReactandFlux”与“CleanCode:WritingCodeforHumans”的作者，同时也是Pluralsight上众多课程的讲师。他是VinSolutions的软件架构师，... 查看详情

grunt-contrib-handlebars - 输出与我运行把手 npm 任务时不同

】grunt-contrib-handlebars-输出与我运行把手npm任务时不同【英文标题】：grunt-contrib-handlebars-OutputisdifferentthanwhenIrunthehandlebarsnpmtask【发布时间】：2013-07-1012:34:14【问题描述】：提前感谢您的时间和帮助。我正在尝试使用grunt-contrib-hand... 查看详情