GithubHelp home page GithubHelp logo

grunt-cssflow's People

Contributors

allanhortle avatar jobayerarman avatar

Stargazers

avatar

Watchers

avatar avatar avatar

Forkers

jobayerarman

grunt-cssflow's Issues

not running the files 

==============================================
                C S S  F L O W
==============================================
>> Pre-processor: less
>> Prefixing:     last 2 version
>> Minfiy:        Always
==============================================

Running "less:inator" (less) task
Running "autoprefixer:ing" (autoprefixer) task
Running "cssmin:ify" (cssmin) task

Done, without errors.

I analyzed the "cssflow.js" and "this.files" in this.files.forEach(function(f) { is empty.

When I output the values of "this", I get the following output:

{  
    "nameArgs":"cssflow:files",
    "name":"cssflow",
    "args":[],
    "flags":{},
    "errorCount":0,
    "target":"files",
    "data":{  
        "account/css/base.css":[  
            "account/css/less/base.less"
        ],
        "account/css/signin.css":[  
            "account/css/less/pages/signin.less"
        ]
    },
    "files":[ ],
    "filesSrc":[ ]
}

Result not minified

Using CSS Flow with these settings:

    cssflow: {
      dist: {
        options: {
          preprocessor: 'less',
          autoprefixer: {
            browsers: ['last 20 versions', 'ie 8', 'ie 9']
          },
          cssmin: {
            keepBreaks: false
          }
        },
        files: {
          'dist/styles.min.css': 'src/css/styles.css'
        }
      }
    },

Outputs this to the console:

                C S S  F L O W
==============================================
>> Pre-processor: less
>> Prefixing:     last 20 versions,ie 8,ie 9
>> Minifiy:       Always
==============================================

Running "less:inator" (less) task
>> 1 stylesheet created.

Running "autoprefixer:ing" (autoprefixer) task
>> 1 autoprefixed stylesheet created.

Running "cssmin:ify" (cssmin) task
>> 1 file created. 7.5 kB → 6.54 kB

The resulting CSS is autoprefixed but not minified. Multiple line breaks are removed but the result is not a one liner like it should.

Option to disable preprocessor

Setting preprocessor to undefined or null throws an error. I wanted to prefix and minify css files but had to use 'less' as preprocessor because the plugin doesn't allow disabling it.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.