В моем проекте (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 */
вместо стилей CSS, необходимых для datatables.js.В своей консоли я вижу следующее:
, но на своей странице я добавил только ссылку на css/dt_styles.css.Итак, вопрос в том, как правильно импортировать эти стили?Любые идеи будут приветствоваться.Спасибо.