放入具有相同名称的不同文件中。吞咽

Question

我有这个论坛即时确保你们现在知道，但我的问题是我需要“同时”将 css 文件更改为 sass。这是我在项目中的示例heierchy：

app/
         components/
                                     404/
                                             controllers/
                                                         404Ctrl.js
                                             sass/
                                                       404.scss
                                             css/
                                                       404.min.css
                                    home/

                                             controllers/
                                                         homeCtrl.js
                                             sass/
                                                  home.scss
                                             css/
                                                  home.min.css
                                  etc... much more

所以你可以看到我有一个 sass 文件夹和 css 文件夹.. 我想做的是，每当我更改我的 scss 文件时，我想将它缩小，然后将它放入 css 文件中.. 但是我有很多组件，例如 404、home、authDesc 等...当我键入 gulp sass 时，我需要以某种方式处理许多文件夹。这就是我到目前为止所拥有的，但问题就像我之前说的我需要知道把它放在哪个目的地..

这是我目前所拥有的：

gulp.task('sass', function(done) {
  gulp.src('app/components/{COMPONENT_NAME}/sass/*.scss')
    .pipe(sass().on('error', sass.logError))
    .pipe(gulp.dest('assets/history/css'))
    .pipe(minifyCss({
      keepSpecialComments: 0
    }))
    .pipe(rename({ extname: '.min.css' }))
    .pipe(gulp.dest('app/components/{COMPONENT_NAME}/css'))
    .on('end', done);
});

但我需要用所需的组件更改那个 {COMONENT_NAME}。非常感谢您的帮助

编辑

我找到了一个小技巧，但这有一些错误：

var PATHS_SASS = {
    scss_org : [
        'app/components/404/sass/404.scss',
        'app/components/auth/sass/auth.scss'
    ],  
    css_dest : [
        'app/components/404/css',
        'app/components/auth/css'
    ]

}
gulp.task('sass', function() {
  for(var i=0; i<2; i++) {
        gulp.src(PATHS_SASS.scss_org[i])
        .pipe(sass().on('error', sass.logError))
        .pipe(gulp.dest('assets/history/css'))
        .pipe(minifyCss({
          keepSpecialComments: 0
        }))
        .pipe(rename({ extname: '.min.css' }))
        .pipe(gulp.dest(PATHS_SASS.css_dest[i]))
  }

});

Answer 1

添加一个 main.scss 文件，在其中导入所有其他 sass 文件，然后只编译该文件。你应该在这个repo 中找到一个完美的代码示例