1

何らかの理由で、gulp-ruby-sass を使用して gulp スタイル タスクを実行すると、(変数の宣言や mixin の設定とは対照的に) 実際にスタイル宣言があるフォルダー内の最初のファイルのみが取り込まれ、残りのインポートがスキップされます。 .

これは私のフォルダ構造です

\scss  
    style.scss (imports all of the main files in partial folders)  
    \folder1  
        _main1.scss (imports all other files in the folder)  
        _variables.scss  
        _mixins.scss  
        _somestyle.scss  
        _somestyle2.scss  
        _somestyle3.scss  
    \folder2  
        _main2.scss (imports all other files in the folder)  
        _variables.scss  
        _mixins.scss  
        _somestyle.scss  
        _somestyle2.scss  
        _somestyle3.scss  

タスクを実行するたびに、各フォルダーの最初の _somestyle.scss のみがコンパイルされます。フォルダー内の他のすべてのファイルはスキップされます。これは、ソース内の変数と mixin ファイル、およびスタイル宣言を含む最初のファイルを示す .css.map によって検証されます。その後、次のフォルダーにスキップします。

すべてのサブフォルダーに少なくとも 1 つのファイルが含まれており、ロード パスを含めてタスクを実行しようとしたため、これはロード パスの問題ではないと思います。

また、コンパイル中にエラーが発生しません。私は途方に暮れています。

これが私のgulpfile.jsです

gulp.task('styles', function() {
gulp.src(source+'scss/style.scss')//Imports all other scss files
    .pipe(sass({
        // Tried loadPath here it didn't change anything
        style: 'expanded',
    }))
    .pipe(autoprefixer('last 2 version', 'safari 5', 'ie 8', 'ie 9', 'opera 12.1', 'ios 6', 'android 4'))
    .pipe(gulp.dest(source+'css'))
    .pipe(cmq())
    .pipe(notify({message: 'Styles compiled'}));
});

どんな助けでも大歓迎です。

4

0 に答える 0