首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏Yunfeng's Simple Blog

    初探Grunt

    只要设置好Gruntfile(类比Makefile),就可以使用grunt命令来自动执行javascript代码的清理、重新生成等任务。 GruntfileGruntfile.js(Javascript语言格式)和Gruntfile.coffee(CoffeeScript格式)之一,类似Make工具体系中的Makefile,用来保存配置信息 下面是一个Gruntfile的示例格式,详细格式和说明请参阅官方文档。 module.exports = function(grunt) { grunt.initConfig({ jshint: { files: ['Gruntfile.js', 如何运行Grunt 在Gruntfile写好之后,运行grunt命令,就会自动执行Gruntfile里面的语句了。so easy 是不是~

    1.1K20发布于 2019-12-25
  • 来自专栏拂晓风起

    nodejs直接调用grunt(非调用批处理)

    options.gruntfile) { basedir = path.resolve(options.base); } else if (options.gruntfile) { basedir = path.resolve(path.dirname(options.gruntfile)); } try { gruntpath = resolve('grunt', {basedir: basedir 项目中,先安装好grunt模块,然后在js代码中轻轻写上两句: var grunt = require('grunt'); console.log(grunt.cli); grunt.cli({ gruntfile : __dirname + '/applications/5/check_out/Gruntfile.js' });  一切就搞掂了,非常顺利。 不过,这里有个小坑,折腾了kenko一点时间,就是gruntfile必须是绝对路径,不能是相对路径。 最后,不得不赞一下grunt的代码。

    1K50发布于 2018-07-03
  • 来自专栏nummy

    Grunt快速入门

    Gruntfile 现在我们该告诉 GruntJS该做哪些任务了。 如果我们在blog目录中运行grunt命令,我们会看到如下的错误信息: $ grunt A valid Gruntfile could not be found. 为了使用Grunt,我们需要创建一个名为Gruntfile.js的文件。Gruntfile指定grunt需要执行的任务。这个文件包含了构建脚本。 在blog目录下创建一个新文件,起名为 Gruntfile.js,加入下列代码: module.exports = function(grunt){ }; 这是我们开始使用Gruntfile所需的样板 特定项目的任务不必在Gruntfile中定义。他们可以定义在外部.js文件中,并通过grunt.loadTasks 方法加载。

    87620发布于 2018-08-27
  • 来自专栏Super 前端

    前端自动化构建工具Grunt

    Grunt CLI的任务很简单:调用与Gruntfile在同一目录中 Grunt。这样带来的好处是,允许你在同一个系统上同时安装多个版本的Grunt。 三、简单实用Grunt 一个新的Grunt项目,必须在根目录下要有两个文件:package.json 和 Gruntfile.js package.json: 此文件被npm用于存储项目的元数据,以便将此项目发布为 Gruntfile: 此文件被命名为 Gruntfile.js 或 Gruntfile.coffee,用来配置或定义任务(task)并加载Grunt插件的。 save-dev npm install grunt-contrib-cssmin --save-dev npm install grunt-contrib-uglify --save-dev 第三步:创建Gruntfile.js : "^0.8.0", "grunt-contrib-cssmin": "^0.12.3", "grunt-contrib-uglify": "^0.9.1" } } //Gruntfile.js

    1K42发布于 2019-08-15
  • 来自专栏前端杂货铺

    grunt任务之seajs模块打包

    通过定义grunt的配置文件Gruntfile.js,配置并注册grunt的任务,最终我们可以通过命令行来执行任务。          grunt的相关文件          grunt相关文件包括了2个,首先是Gruntfile.js,另一个是package.json文件。 Gruntfile进行grunt任务的配置及注册,package.json用于向Gruntfile提供参数,并设置依赖的npm模块。          Gruntfile.js其实就是一个node模块,依然使用闭包将所有的逻辑进行包裹,并提供了grunt参数,通过grunt.initConfig进行任务的配置。          concat、uglify、clean任务 这两个任务很容易定义,而且grunt官网上就是以uglify为例讲解Gruntfile的配置,因此,这两个任务的配置我们有很多资料可以参考。

    2.4K90发布于 2018-03-15
  • 来自专栏九彩拼盘的叨叨叨

    管理用hexo写的博客的内容源码(md)

    Gruntfile.js 的中的配置如下,完整的Gruntfile.js点这里 grunt.initConfig({ 'clean':{ files: ['.grunt config: { 'src': [ 'package.json', 'Gruntfile.js

    78110发布于 2018-08-27
  • 来自专栏前端儿

    前端自动化工具 -- Grunt 使用简介

    grunt-cli 安装完成可以命令行中输入“grunt”测试是否安装成功 安装成功后 二、用法说明 grunt需要package.json文件描述,很多操作都直接通过这个json文件访问,         需要Gruntfile.js package.json需要严格的json格式,随便写入几个key-value如: { "name": "grunt_test", "version": "1.0.0" } Gruntfile.js grunt-contrib-uglify": "^0.9.1" } } 类似的方法,html的安装 grunt-contrib-htmlmin ,css的安装 grunt-contrib-cssmin 安装完后,接下来就是对Gruntfile.js 目前的Gruntfile.js配置: module.exports = function(grunt){ grunt.initConfig({ //获取到package.json arguments.callee sub: 对于属性使用aaa.bbb而不是aaa['bbb'] undef: 查找所有未定义变量 boss: 查找类似与if(a = 0)这样的代码 node: 指定运行环境为node.js 在Gruntfile.js

    2.2K10发布于 2018-09-03
  • 来自专栏葡萄城控件技术团队

    ASP.NET 5系列教程 (五):在Visual Studio 2015中使用Grunt、Bower开发Web程序

    Bower包清单. gruntfile.js. 配置Grunt任务. 静态文件和wwwroot wwwroot 文件夹在ASP.NET 5.0中是新增的,工程中所有的静态文件存放于此。 使用Grunt运行任务调度 使用gruntfile.js 文件来定义Grunt任务,默认的工程模板包括了这样的任务,如Bower包管理器。 下面我们使用Grunt来添加LESS处理、编译过程。 安装完成的gruntfile.js 文件如下所示: module.exports = function (grunt) { grunt.initConfig({ bower: { 在解决方案视图,选择gruntfile.js  右键Task Runner Explorer ? 通过选择任务名称“less”,点击Run运行: ? output窗口运行如下: ?

    4.5K70发布于 2018-01-10
  • 来自专栏Super 前端

    剖析Grunt任务配置

    项目根目录下手动创建文件夹Gruntfile.js Gruntfile由以下几部分构成: ① “wrapper” 函数 ② 项目与任务配置 ③ 加载grunt插件和任务 ④ 自定义任务 Wrapper函数 每一个Gruntfile文件遵循同样的格式,所有代码必须包裹在下述函数中: module.exports = function(grunt){ // grunt相关其他信息 项目与任务配置 Grunt的task配置都是在 Gruntfile 中的grunt.initConfig方法中指定的。 grunt.initConfig({ copy: {} }); 3. 加载Grunt插件和任务 只要在 package.json 文件中被列为dependency(依赖)的包,并通过npm install安装之后,都可以在Gruntfile中以简单命令的形式使用: //

    1K51发布于 2019-08-15
  • 来自专栏Lansonli技术博客

    大数据ELK(七):安装Elasticsearch-head插件

    cd /export/softwaretar -zxvf elasticsearch-head-compile-after.tar.gz -C /export/server/es/3、node1机器修改Gruntfile.js 修改Gruntfile.js这个文件cd /export/server/es/elasticsearch-headvim Gruntfile.js找到代码中的93行:hostname: '192.168.100.100

    1.4K32编辑于 2022-09-29
  • 来自专栏mantou大数据

    【Elasticsearch全文搜索引擎实战】之Head插件实践 简介1. ES 5.0+ 版本Head插件安装2. 配置3. 启动4. 访问5. 安全问题(严重)6. 小结

    http.cors.allow-origin: "*" 注意:后面要有空格 2.3 修改Head plugin 配置文件 [es@node1 elasticsearch-head-master]$ vi Gruntfile.js (2)配置文件格式 Gruntfile.js和elasticsearch.yml配置文件注意格式,格式错误也会导致错误。Gruntfile.js注意,,elasticsearch.yml注意空格。

    1.2K30发布于 2019-02-13
  • 来自专栏Creator星球游戏开发社区

    使用Grunt实现资源自动化同步

    save-dev //文件同步插件 >npm install grunt-shell --save-dev //shell插件 Grunt任务模块目录结构 安装好Grunt的命令行、插件后,在项目根目录创建Gruntfile.js Gruntfile shawn在早期使用Grunt时,将所有任务都编写在Gruntfile.js文件,当模块越来越多,维护起来越来越困难,因此将不同模块的自动化任务独立开来,在Gruntfile.js进行统一加载和任务注册 ,下面看下Gruntfile文件的内容: //引入rd模块读取文件 let rd = require('rd'); //获. meta文件 }, } 上面代码中sync-ui就是一个同步任务,其中files数组中配置同步目录,每一个数组元素包含三个字段: src: 文件过滤器 dest: 目标路径,同步到那里去,以当前Gruntfile 文件为相对路径 cwd: 源路径,从那里去复制文件,同样以Gruntfile文件为相对路径 然后是同步选项: verbose: 打印日志输出,这对我们检查路径是否正确非常有用,建议设置为true pretend

    1.1K30发布于 2019-09-11
  • 来自专栏用户1880875的专栏

    为什么我在 Linux 上使用 exa 而不是 ls?

    它不仅对文件和目录进行颜色编码,还对 Cargo.toml、CMakeLists.txt、Gruntfile.coffee、Gruntfile.js、Makefile 等多种文件类型进行颜色编码。

    3K40发布于 2021-09-06
  • 来自专栏博文视点Broadview

    PHP 7 CSS与JavaScript优化

    Grunt项目需要项目文件树中的两个文件:一个是package.json,由npm使用,并列出Grunt和项目需要的Grunt插件,例如DevDependencies;另一个是GruntFile,可以分为 GruntFile.js或GruntFile.coffee,用于配置Grunt及其插件。 最后一步是添加GruntFile文件,创建一个GruntFile.js文件放在项目的根目录下,填写内容如下。

    3.5K20发布于 2020-06-11
  • 来自专栏超然的博客

    菜鸟进阶——grunt

    所以 NPM 生成的 package.json 项目文件,里面可以记录当前项目中用到的 Grunt 插件,而 Grunt 会调用 Gruntfile.js 这个文件,解析里面的任务(task)并执行相应操作 实际上,安装的并不是 Grunt,而是 Grunt-cli,也就是命令行的 Grunt,这样你就可以使用 grunt 命令来执行某个项目中的 Gruntfile.js 中定义的 task 。 配置 Gruntfile.js 的语法 插件也装好了,开始写任务吧! 配置 Gruntfile.js 先从简单的入手,我们先来配置一下编译 Scss 文件的 task。 先新建一个 Gruntfile.js 文件,把大体的配置结构复制进去: module.exports = function(grunt) { var sassStyle = 'expanded';

    1.8K10发布于 2018-08-03
  • 来自专栏Java工程师成长之路

    ElasticSearch集群搭建

    elasticsearch-head:5 container_name: head volumes: - /root/mydocker/docker-es/head-conf/Gruntfile.js :/usr/src/app/Gruntfile.js - /root/mydocker/docker-es/head-conf/app.js:/usr/src/app/_site/app.js

    83320发布于 2019-09-10
  • 来自专栏jeremy的技术点滴

    初识grunt

    npm install grunt-contrib-uglify --save-dev npm install grunt-contrib-htmlmin --save-dev 在工程目录中新建一个Gruntfile.js grunt.registerTask('default', ['uglify', 'htmlmin']); }; 这个文件需要理解一下每个Gruntfile(和Grunt插件)都使用下面这个基本格式,

    1K80发布于 2018-05-09
  • 来自专栏Linyb极客之路

    elasticsearch-head插件安装

    Elasticsearch配置文件 在elasticsearch.yml文件,添加支持跨域访问 http.cors.enabled: true http.cors.allow-origin: "*" 2、修改Gruntfile.js 修改 elasticsearch-head-master/Gruntfile.js,在connect属性中,增加hostname: ‘0.0.0.0’ vim Gruntfile.js 修改为 connect

    3.9K20发布于 2018-12-05
  • 来自专栏前端社区

    Express开发实战

    grunt-nodemon$ npm install --save-dev grunt-contrib-watch$ npm install --save-dev load-grunt-tasks 配置Gruntfile.js *.**' ] } } }); //静态服务器任务 grunt.registerTask('serve', ['concurrent']);}; 项目目录结构如下 –myapp –src –bin –Gruntfile.js

    1.8K30发布于 2019-03-21
  • 来自专栏CodeGuide | 程序员编码指南

    elasticsearch-head插件安装

    elasticsearch-head 下载elasticsearch-head 将elasticsearch-head放到与elasticsearch同层级文件夹下 修改elasticsearch-head/Gruntfile.js

    81710发布于 2020-07-14
领券