自动编译CoffeeScript的Gruntfile.js

比如把coffee文件写在coffee/controller/文件夹下,新建js/controller文件夹,使用grunt运行项目,将自动编译coffee到相应的js文件夹下。

module.exports = function(grunt) {
  // 项目配置信息.
  grunt.initConfig({
    pkg: grunt.file.readJSON(‘package.json‘),
    jshint: {
      options : {
        jshintrc: ‘.jshintrc‘,
        // eqeqeq: true,
        // tradiling: true,
        ignores: [‘node_modules/**/*.js‘]
      },
      all: [‘**/*.js‘]
    },
    coffee:{
      compile: {
        options: {
          sourceMap: false,
          bare: true
        },
        files: [{
          expand: true,
          cwd: "coffee/",
          src: ‘**/*.coffee‘,
          dest: ‘js/‘,
          ext: ‘.js‘
        }]
      }
    },
    watch: {
      coffee: {
        files: [‘**/*.coffee‘],
        tasks: [‘coffee:compile‘]
      // },
      // js: {
      //   files: [‘**/*.js‘],
      //   tasks: [‘jshint‘],
      //   options: {
      //     livereload: true
      //   }
      }
    },
    nodemon: {
      dev: {
        script: ‘bin/www‘,
        options: {
          args: [],
          ignoredFiles: [],
          watchedExtensions: [‘js‘],
          watchedFolders: [‘./‘],
          debug: true,
          delayTime: 1,
          env: {
            PORT: 3000
          },
          cwd: __dirname
        }
      }
    },
    concurrent: {
      tasks: [‘watch‘,‘nodemon‘],
      options: {
        logConcurrentOutput: true
      }
    }
  });
  // 加载"uglify"插件..
  grunt.loadNpmTasks(‘grunt-contrib-watch‘);
  grunt.loadNpmTasks(‘grunt-contrib-coffee‘);
  grunt.loadNpmTasks(‘grunt-contrib-jshint‘);
  grunt.loadNpmTasks(‘grunt-nodemon‘);
  grunt.loadNpmTasks(‘grunt-concurrent‘);
  //grunt.loadNpmTasks(‘grunt-ssh‘);

  grunt.option(‘force‘, true);

  // 注册默认任务.
  grunt.registerTask(‘default‘, [‘concurrent‘]);
};
时间: 2024-10-19 13:42:05

自动编译CoffeeScript的Gruntfile.js的相关文章

typescript 自动编译 生成js文件

项目文件 <?xml version="1.0" encoding="utf-8"?><Project ToolsVersion="4.0" DefaultTargets="Build" xmlns="http://schemas.microsoft.com/developer/msbuild/2003">  <Import Project="$(MSBuildExt

Gruntfile.js模板

module.exports = function(grunt) { // 配置项 var AppConfig = { name: 'app', //源文件目录 src: 'app/src', //生产文件目录 dist: 'app/assets' }; //加载所有的任务 require('load-grunt-tasks')(grunt); //显示每一个任务所花的时间和百分比 require('time-grunt')(grunt); grunt.initConfig({ config:

webstorm下的sass自动编译和移动端自适应实践

http://www.fawwheel.com/shahramLu/p/6477731.html webstorm下的sass自动编译和移动端自适应实践 1.安装Ruby 2.安装sass 3.webstorm配置file watcher 4.移动端自适应 1.安装Ruby 安装Ruby,有多种方式,打开官网下载 因为,使用的是window选择RubyInstall,下载地址 RubyInstall下载地址 选择对应系统的版本,下载完成,安装 添加到path,建议勾上,安装完成后,打开开始面板,

grunt使用watch和livereload的Gruntfile.js的配置

周末在家看angularJS, 用grunt的livereload的自动刷新, 搞了大半天, 现在把配置贴出来, 免得以后忘记了, 只要按照配置一步步弄是没有问题的; 开始的准备的环境安装是: (1):nodeJS,去官方网站下载(href); (2):然后把nodeJS加到全局的环境变量里面去(nodeJS安装好了就能用npm这个命令了),参考(href); (3):执行npm install grunt -g 和 npm install -g grunt-cli,一个是安装服务端的gurnt

Sublime Text编译CoffeeScript出错解决方案

今天尝试用Sublime Text编译CoffeeScript 先安装了CoffeeScript的插件, 然后编译器中多了一项CoffeeScript, 但是尝试编译却提示出错, 然后上网寻找解决方法无解-于是就自己尝试去改了下SublimeText的build命令, 结果成功了 出错信息如下: /usr/local/lib/node_modules/coffee-script/lib/coffee-script/cake.js:111 throw new Error("Cakefile not

Grunt 自动化部署之css、image、javascript、html压缩Gruntfile.js配置

grunt.initConfig方法 用于模块配置,它接受一个对象作为参数.该对象的成员与使用的同名模块一一对应. 每个目标的具体设置,需要参考该模板的文档.就cssmin来讲,minify目标的参数具体含义如下: expand:如果设为true,就表示下面文件名的占位符(即*号)都要扩展成具体的文件名. cwd:需要处理的文件(input)所在的目录. src:表示需要处理的文件.如果采用数组形式,数组的每一项就是一个文件名,可以使用通配符. dest:表示处理后的文件名或所在目录. ext:

Grunt 自动化部署之css、image、javascript、html压缩Gruntfile.js配置(学习转载)

grunt.initConfig方法 用于模块配置,它接受一个对象作为参数.该对象的成员与使用的同名模块一一对应. 每个目标的具体设置,需要参考该模板的文档.就cssmin来讲,minify目标的参数具体含义如下: expand:如果设为true,就表示下面文件名的占位符(即*号)都要扩展成具体的文件名. cwd:需要处理的文件(input)所在的目录. src:表示需要处理的文件.如果采用数组形式,数组的每一项就是一个文件名,可以使用通配符. dest:表示处理后的文件名或所在目录. ext:

用webstorm自动编译less产出css和sourcemap

css产出sourcemap有什么用呢,可能大家要问这个问题了. 请移步这里 https://developers.google.com/chrome-developer-tools/docs/css-preprocessors?hl=zh-CN 在chrome中我们通过sourcemap可以直接调试less源文件文件,这是一个非常强大的功能. 下面由我为大家道来 1.在chrome中开启dev工具,开启容许CSS source maps设置 2.webstorm中只要创建了less扩展名的文件

IDEA自动编译设置

idea默认是不能进行自动编译的,但是它也同样提供了自动编译的功能,只是需要我们手动设置一下. 一.Setting设置 将Make project automatically 勾上 二.Registry ctrl+alt+shift+'/' 弹出框选择如下,勾选即可. 三.关闭重启 将idea关闭,重新启动后,打开工程,如果项目里面有编译不通过的,idea会默认以红色波浪线自动提示.现在在修改js,html,css就不用重启工程啦! 原文地址:https://www.cnblogs.com/ch