使用gulp

Question

在我的项目（php Symfony 4）中，我使用gulp构建js和CSS资源。为了构建CSS，我的gulpfile.js任务如下所示：

gulp.task('sass', function () {
  return gulp.src('./assets/sass/*.scss')
   .pipe(sourcemaps.init())
   .pipe(sass({outputStyle: 'compressed'}).on('error', sass.logError))
   .pipe(rename({suffix: '.min'}))
   .pipe(sourcemaps.write('/'))
   .pipe(gulp.dest('./public/css'));
});

我刚将datatables.js安装到node_modules目录中，并且我想导入位于其的css

/node_modules/datatables.net-dt/css/jquery.dataTables.min.css

因此我需要在文件夹public/css中有一个名为dt_styles.css的文件，出于这些目的，我有以下文件：

assets/sass/private.scss (contains @import "pages/private/dt_styles")
assets/sass/pages/private/dt_styles.scss (contains @import "../../../../node_modules/datatables.net-dt/css/jquery.dataTables.min.css";)

但是当我运行gulp sass时，我只得到一个文件

public/css/dt_styles.css

其中包含：

@import url(../../../../node_modules/datatables.net-dt/css/jquery.dataTables.min.css)

/*# sourceMappingURL=private.min.css.map */

代替datatables.js所需的CSS样式。在控制台中，我看到以下内容：

但是在我的页面中，我仅添加了指向css/dt_styles.css的链接。那么问题是如何正确导入这些样式？任何想法都将受到欢迎。谢谢。