grunt-open插件-tasks目录下open.js文件中配置了一个open任务:
grunt.registerMultiTask('open', 'Open urls and files from a grunt task', function() {
var dest = this.data.url || this.data.file || this.data.path;
dest = typeof dest === 'function' ? dest() : dest;
var application = this.data.app || this.data.application;
var options = this.options();
function callback(error){
if (error !== null)
grunt.fail.warn(error);
}
options.delay = options.delay || 0;
// allows to wait for server start up before opening
var openOn = options.openOn;
if (openOn) {
grunt.event.on(openOn, function () {
open(dest, application, callback);
});
} else {
setTimeout(function(){
open(dest, application, callback);
}, options.delay);
}
// give the spawn some time before its parent (us) dies
// https://github.com/onehealth/grunt-open/issues/6
setTimeout(this.async(), 200);
});
grunt.initConfig({
open: {
server : {
path : 'http://127.0.0.1:9999',
app : 'Google Chrome Canary'
}
},
这样执行 grunt open:server 命令时就可以成功使用'Google Chrome Canary'浏览器打开网址。
https://github.com/jsoverson/grunt-open
分享到:
相关推荐
项目安装好了相关的配置就可以在命令行下使用grunt任务 grunt 默认打开一个webserver,查看的文件是在开发目录下,支持livereload,sass自动编译,ejs编译 grunt port:端口号 指定端口打开一个webserver,查看的文件...
它还包含一堆预配置的grunt任务,因此您不必担心构建,开发服务器或设置测试运行程序。 如何运行应用程序 启动本地服务器 $ grunt server 启动mockey(如果它是在创建应用程序时设置的) $ grunt start-mockey ...
4. **grunt**: 自动化任务运行器,用于构建和部署 OpenSTF 项目。 5. **Node.js**: 后端服务器框架,处理 Web 请求和设备管理。 **文件解析** - **.eslintrc**: ESLint 配置文件,定义了 JavaScript 代码的风格和...
1. **Grunt任务管理**:Grunt通过配置JSON文件(Gruntfile.js)来定义一系列任务,如文件编译、压缩、合并等。在“Gruntreaper”中,可能有专门的任务用于处理字体文件,例如转换不同的字体格式(如.eot, .ttf, ....
其中可能包括`.git`目录(用于版本控制)、`src`目录(存放源代码)、`dist`目录(存放构建后的文件)、`node_modules`目录(包含项目依赖的npm包)、以及`Gruntfile.js`(Grunt的任务配置文件)、`package.json`...
通过运行`grunt`命令,Grunt会根据预设的任务列表自动执行相关操作,简化了开发流程。 然后,启动本地服务器是进行前端开发的常见环节。`python -m SimpleHTTPServer`命令利用Python内置的HTTP服务器,快速地在本地...
- 修改配置文件`elasticsearch-6.5.2/config/elasticsearch.yml`,添加或修改服务器监听地址。 - 在`elasticsearch-head-master`目录下执行`npm install -g grunt-cli`和`npm install`来安装依赖。 - 修改`...
Mix是Elixir的标准构建工具和任务运行器,类似于其他语言的npm或Grunt。通过这个目录,你可以了解到如何组织Elixir项目、定义模块、编写函数,以及如何使用mix来管理依赖、运行测试和构建应用程序。 **Mix项目结构*...
此外,LiveReload还支持与一些构建工具(如Gulp、Grunt或Webpack)集成,以便在编译过程完成后自动刷新浏览器。这使得你在进行预处理语言(如Sass或Less)或自动化任务时也能享受到实时刷新的便利。 总的来说,Live...
4. **可排序(Sortable)**:允许用户对列表或表格中的项目进行排序,常见于任务列表或目录视图。 5. **下拉菜单(Selectmenu)**:美化原生HTML的`<select>`元素,使其看起来更现代,功能更强大,支持分组和自定义...
7. **Gulp.js**:Gulp以其流式处理和简洁的配置语法吸引了很多开发者,声称可以替代Grunt。Gulp更注重性能和简洁性。 8. **Node-inspector**:Node-inspector是一个Node.js调试工具,与Chrome DevTools集成,使...
9. **构建脚本**:如果项目使用了自动化构建工具,如Gulp或Grunt,可能会有`.js`配置文件来自动化CSS编译、压缩和其他任务。 10. **许可证文件**:开源项目通常会包含一个LICENSE文件,声明项目可以被使用的条件。 ...
8. **脚本和构建工具**:如果项目使用了现代的前端工作流,可能会有Gulp、Grunt或Webpack等构建工具的配置文件,用于自动化任务如编译、压缩和合并代码。 9. **Markdown文件**:如果网页包含博客或文档,可能会有`....
"JavaScript"标签表明这个项目是使用JavaScript语言构建的,JavaScript是Web开发中常用的脚本语言,尤其在前端开发中,用于处理页面动态效果、用户交互以及与服务器通信等任务。在这个项目中,JavaScript很可能被...
5. **字体文件**:为了实现自定义字体,项目可能包含`.ttf`(TrueType字体)、`.woff`(Web Open Font Format)或其他字体格式,确保在不同设备上都能正确显示文本。 6. **图标资源**:SVG图标或者图标字体(如`....