相关疑难解决方法(0)

如何使用Grunt.js(0.3.x)连接和缩小多个CSS和JavaScript文件

注意:此问题仅与Grunt 0.3.x相关,仅供参考.有关最新Grunt 1.x版本的帮助,请参阅此问题下方的评论.

我目前正在尝试使用Grunt.js来设置自动构建过程,以便首先连接然后缩小CSS和JavaScript文件.

我已经能够成功连接和缩小我的JavaScript文件,虽然每次我运行grunt时它似乎只是附加到文件而不是覆盖它们.

至于缩小甚至连接CSS,我至今无法做到这一点!

在咕噜CSS模块方面,我已经尝试使用consolidate-css,grunt-css&cssmin但无济于事.无法理解如何使用它们!

我的目录结构如下(是一个典型的node.js应用程序):

  • app.js
  • grunt.js
  • /public/index.html
  • / public/css/[各种css文件]
  • / public/js/[各种javascript文件]

这是我的grunt.js文件目前在我的应用程序的根文件夹中的样子:

module.exports = function(grunt) {

  // Project configuration.
  grunt.initConfig({
    pkg: '<json:package.json>',
    concat: {
      dist: {
        src: 'public/js/*.js',
        dest: 'public/js/concat.js'
      }
    },
    min: {
      dist: {
        src: 'public/js/concat.js',
        dest: 'public/js/concat.min.js'
      }
    },
    jshint: {
      options: {
        curly: true,
        eqeqeq: true,
        immed: true,
        latedef: true,
        newcap: true,
        noarg: true,
        sub: true,
        undef: true,
        boss: true,
        eqnull: true,
        node: true
      },
      globals: …
Run Code Online (Sandbox Code Playgroud)

javascript css concatenation minify gruntjs

96
推荐指数
3
解决办法
11万
查看次数

标签 统计

concatenation ×1

css ×1

gruntjs ×1

javascript ×1

minify ×1