How can I control grunt-contrib-cssmin sourcemap URLs?

Question

I am trying to configure my Gruntfile to auto-generate sourcemaps for my CSS files. I have several unminified CSS files which I combine into one minified file, but I would like to reference the unminified files for debugging in dist/src/_assets/css/ via the sourcemap. I am using grunt-contrib-cssmin version 0.14.0 and grunt 0.4.5.

My goal project structure is roughly:

dist
- _assets
  - css
- src
  - _assets
    - css
src
- _assets
  - css

My grunt-contrib-cssmin config is:

        cssmin: {
            options: {
                keepSpecialComments: false,
                sourceMap: true
            },
            build: {
                files: {
                    'dist/_assets/css/portfolio.css': [
                        'src/_assets/css/bootstrap.css',
                        'src/_assets/css/font-awesome.css',
                        'src/_assets/css/portfolio.css'
                    ]
                }
            }
        },

I have a separate copy task that copies bootstrap.css, font-awesome.css, and portfolio.css to dist/src/_assets/css, but for some reason, the sourcemap is trying to reference dist/_assets/css/src/_assets/css/ instead of dist/src/_assets/css. Is there any way I can modify the directory the sourcemap is looking at without having to modify the sourcemap manually? This is pretty confusing to me because essentially the same settings in grunt-contrib-uglify do exactly what I want regarding sourcemaps (i.e. they reference dist/src/_assets/js).

Nick Tiberi · Accepted Answer · 2015-10-11 19:06:39Z

2

Well, I gave up on trying to configure the sourcemap paths directly in grunt-contrib-cssmin and just used grunt-text-replace to get my paths squared away:

replace: {
    build: {
        src: 'dist/_assets/css/portfolio.css.map',
        dest: 'dist/_assets/css/',
        replacements: [
            {
                from: 'src/_assets/css/',
                to: '../../../src/_assets/css/'
            }
        ]
    }
},

answered Oct 11, 2015 at 19:06

Nick Tiberi

1,15112 silver badges20 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Jyoti Pathania · Accepted Answer · 2015-10-10 22:45:03Z

0

grunt-contrib-cssmin do not provide any sourcemap path option like feature til now. I recommend to use the cssmin only for production not for development.

"csswring" by the Kyo Nagashima might be the solution for your problem...

answered Oct 10, 2015 at 22:45

Jyoti Pathania

4,9991 gold badge20 silver badges29 bronze badges

Collectives™ on Stack Overflow

How can I control grunt-contrib-cssmin sourcemap URLs?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related