基於Grunt構建一個的專案

Neo.Yan發表於2017-02-12

沒有搭建環境的，請參考《Grunt自動化構建環境搭建 》，搭建完成後

新建一個專案目錄，這裡建立一個“Demo”目錄

執行CMD,並進入這個目錄，執行

npm install grunt --save-dev

在Demo目錄下建立一個GruntFile.js檔案，檔案內容如下

module.exports = function(grunt) {

  grunt.initConfig({
    jshint: {
      files: ['Gruntfile.js', 'src/**/*.js', 'test/**/*.js'],
      options: {
        globals: {
          jQuery: true
        }
      }
    },
    watch: {
      files: ['<%= jshint.files %>'],
      tasks: ['jshint']
    }
  });

  grunt.loadNpmTasks('grunt-contrib-jshint');
  grunt.loadNpmTasks('grunt-contrib-watch');

  grunt.registerTask('default', ['jshint']);

};

如果要了解GruntFile.js檔案資訊，請訪問http://www.gruntjs.net/api/grunt.file進行詳細瞭解

 

建立package.json

npm init

依據提示填寫相關資訊

{
  "name": "Demo",//專案名稱
  "description": "這是一個測試專案",//專案描述
  "version": "0.1.0",//專案版本
  "author": {
    "name": "nick4",
    "email": "nick.yanchen@gmail.com"
  },//可選
  "devDependencies": {
    "grunt": "^0.4.5",
    "grunt-contrib-sass": "^0.7.3",
    "grunt-contrib-uglify": "^0.5.1",
    "grunt-contrib-watch": "^0.6.1"
  }//不明確版本可以使用*代替 使用--save-dev會自動填寫版本 必須
}

 

相關文章