1

私は grunt と compass-importer で libass と susy を使用しています。私のプロジェクトのインストールのベースは http://zellwk.com/blog/grunt-sass-with-susy/からのものです

ファイルを更新するまではすべて正常に機能していましたが、ソースマップはscssファイルからのプロパティの正確な行を提供しなくなりました。例は印刷物にあります。

サワーマップが 941 行を指す代わりに、935 行を指します。

サワーマップが 941 行を指す代わりに、935 行を指します。 これはクロム開発ツールの画像です

私のうなり声ファイルは次のように構成されています：

// Grunt-sass 
sass: {
  app: {
    // Takes every file that ends with .scss from the scss 
    // directory and compile them into the css directory. 
    // Also changes the extension from .scss into .css. 
    // Note: file name that begins with _ are ignored automatically
    files: [{
      expand: true,
      cwd: 'scss',
      src: ['*.scss'],
      dest: 'css',
      ext: '.css'
    }]
  },
  options: {
   importer: compass,
   sourceMap: true, 
   outputStyle: 'nested', 
   imagePath: "../",
 }
4

1 に答える 1

0

ヘッダーがすべてのクラスの母を指しているからだと思います。

あなたのヘッダーは正確に935行目です。

多くのクラスにネストしている場合、最大 3 レベルと 50 行を実行する必要があります。

あなたのうなり声は少し混乱しています。次のようにもっと簡単にできます：

//src ===============================
        var src;
        config.src = src = {
             sassMain        : 'scss/main.scss',
             distFolder      : 'public/stylesheets/lovelycss.dist.css',
             devFolder       : 'public/stylesheets/lovelycss.dev.css',
             sassFolder      : 'scss/**/*.scss',

        };




//distribution
                        sass.dist = {
                            options: { 
                                style: "compressed",
                                noCache: true, 
                                sourcemap: 'none', 
                                update:true
                            }
                            , files: {
                                "<%= src.distFolder %>" : "<%= src.sassMain %>"
                            }
                        };

                    //development env.
                        sass.dev = {
                            options: { 
                                style: "expanded", 
                                lineNumber: true,
                            }
                            , files: {
                                "<%= src.devFolder %>" : "<%= src.sassMain %>"
                            }
                        };

それがあなたを助けることができることを願っています.

于 2016-05-07T00:03:33.737 に答える