如何控制grunt-contrib-cssmin源地圖URL？

Question

我試圖將我的Gruntfile配置為自動為我的CSS文件生成源地圖。 我有幾個未縮小的CSS文件，我將它們合並為一個縮小的文件，但是我想引用這些未縮小的文件，以便通過sourcemap在dist/src/_assets/css/進行調試。 我正在使用grunt-contrib-cssmin版本0.14.0和grunt 0.4.5。

我的目標項目結構大致為：

• DIST
  • _資產
    • CSS
  • SRC
    • _資產
      • CSS
• SRC
  • _資產
    • CSS

我的grunt-contrib-cssmin配置為：

        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'
                    ]
                }
            }
        },

我有一個單獨的副本任務副本bootstrap.css，字體awesome.css，並portfolio.css到dist/src/_assets/css ，但由於某些原因，sourcemap嘗試引用dist/_assets/css/src/_assets/css/而不是dist/src/_assets/css 。 有什么方法可以修改源地圖正在查看的目錄，而無需手動修改源地圖？ 這對我來說很混亂，因為grunt-contrib-uglify中的基本相同設置完全可以滿足我對源映射的要求（即，它們引用dist/src/_assets/js ）。

Answer 1

好吧，我放棄了嘗試直接在grunt-contrib-cssmin配置sourcemap路徑grunt-contrib-cssmin而只是使用grunt-text-replace來使我的路徑grunt-contrib-cssmin ：

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

Answer 2

grunt-contrib-cssmin現在不提供任何像特性til這樣的sourcemap路徑選項。 我建議僅將cssmin用於生產而不用於開發。

長島京司的“ csswring”可能是您解決問題的方法...