基于Grunt构建一个的项目

Posted 2020-08-30 随心所想

新建一个项目目录，这里建立一个“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": "[email protected]"
  },//可选
  "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会自动填写版本 必须
}