Giter Site home page Giter Site logo

grunt-compass-multiple's People

Contributors

xzyfer avatar yoheimune avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

grunt-compass-multiple's Issues

Double-exporting CSS

For my second option, either this plugin or compass is creating both a CSS folder and a template folder. I have no idea why.

My gruntfile:

compassMultiple: {
      options : {
        // if you need, you can set options.
        javascriptsDir: './js',
        environment: 'development',
        outputStyle: 'nested'
      },

      // multiple option provides you to compile multi sassDir.
      all: {
        options: {
          multiple: [
            {
            sassDir: 'sass',
            cssDir: './'
            },{
            sassDir: 'sass/template',
            cssDir: 'CSS'
            }
          ]
        }
      }
    }

So my file structure is.

-sass/
--template/
---pages.scss
---posts.scss
--style.scss
-CSS/
--pages.css
--posts.css
-template/
--pages.css
--posts.css
-style.css
...

Allow config.rb only entries

I ran into an issue providing sass files and config.rb files when the sass lived up two or more directories.

Will create a PR to fix this as supplying only the config.rb file works for me.

Clearer output formatting

The default output prefixes every line with stdout:, adds unnecessary newlines and reports the execution time differently than the original compass task (e.g., execTime: 12345ms instead of Compilation time: 12.345s.

I'll be shortly creating a pull request to fix this visual details. Meanwhile, I can say that the execution time for my use case dropped more than 60%.

Sourcemaps not compiled

I cannot get sourcemaps to compile.

compassMultiple: {
options : {
environment: 'development',
outputStyle: 'nested',
importPath: './magento/skin/frontend/rwd/default/scss/',
relativeAssets: true,
cacheDir: skinDir + 'scss/.sass-cache/',
sourcemap: true,
time: true
},
common : {
options: {
// every compile needs sassDir and cssDir.
sassDir: skinDir + 'scss',
cssDir: skinDir + 'css',
}
}
},

sassDir, cssDir not working in options

I have only been able to get grunt-compass-multiple to work if I supply the sassDir and cssDir options in compassMultiple.common.options, and not in compassMultiple.options.

Not sure which of these you need but I am running:
compass v1.0.3
grunt -cli v0.1.13
grunt v0.4.5
ruby 2.1.5p273

Gruntfile configuration which does not compile:

compassMultiple: {
    options : {
        sassDir: skinDir + 'scss',
        cssDir: skinDir + 'css',
        environment: 'development',
        outputStyle: 'nested',
        importPath: 'some-path',
        relativeAssets: true,
        cacheDir: skinDir + 'scss/.sass-cache/',
      },
  }

Gruntfile configuration which would compile:

compassMultiple: {
    options : {
        environment: 'development',
        outputStyle: 'nested',
        importPath: 'some-path',
        relativeAssets: true,
        cacheDir: skinDir + 'scss/.sass-cache/',
      },
     common : {
            options: {
                sassDir: skinDir + 'scss',
                cssDir: skinDir + 'css'
            }
        }
  }

Proof

You claim it's faster than just running Compass (or grunt-contrib-compass), but I see no actual numbers on it.

Compass compiles individual files

In a project with a following structure

project
     tools
         build
     module 1
         static
                sass
                css 

Running the grunt task from build folder I get the following error:

error:  { [Error: Command failed: You must compile individual stylesheets from the project directory.]
killed: false, code: 1, signal: null }

How can I solve this issue?

Why rewrite css if there where no changes?

Hi,

I'm evaluating your this task and while doing some testing against grunt-contrib-compass I found rather weird thing.

Say we have multiple css we want to compile like: fonts.css, bootstrap.css and main.css. Then if one of them gets updated then on next compile all three will be rewritten with new versions. I'm not sure whether they a recompiled or just rewritten from cache, but even though - doesn't it waste time on updating those that where not changed?

May be it's bug? What do you think?

Running it with multiple tasks?

Is there anyway to run this task with other tasks? I'm trying to use it with grunt watch,

sass: {
options: {
livereload: false,
},
files: ['app/styles//*.{scss,sass}', 'app/modules//*.{scss,sass}'],
tasks: ['compassMultiple:app', 'autoprefixer:app']
},

But autoprefixer doesn't run. Is there an option somewhere?

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.