gulp、wiredep和自定义sass文件

gulp、wiredep和自定义sass文件,sass,gulp,bower,wiredep,Sass,Gulp,Bower,Wiredep,所以我制作了一个库,我可以使用直接链接安装bower。通过在bower.json文件的依赖项中添加库名,我可以从另一个内部应用程序使用这个库。当其他内部应用程序执行bower更新时,我对库所做的更改将应用于它们的应用程序。这部分工作得很好 现在,我希望其他软件开发人员可以自由更改样式。他们可以直接创建css文件,这将起作用。然而,这是一条黑客路线。我可以为他们提供与我使用的相同的设置文件 因此,我尝试将该文件放在bower.json的主要部分,但wiredep正在处理它。我把它放在exclude

所以我制作了一个库,我可以使用直接链接安装bower。通过在bower.json文件的依赖项中添加库名,我可以从另一个内部应用程序使用这个库。当其他内部应用程序执行bower更新时,我对库所做的更改将应用于它们的应用程序。这部分工作得很好

现在,我希望其他软件开发人员可以自由更改样式。他们可以直接创建css文件,这将起作用。然而,这是一条黑客路线。我可以为他们提供与我使用的相同的设置文件

因此,我尝试将该文件放在bower.json的主要部分,但wiredep正在处理它。我把它放在exclude中,运行gulp时错误就消失了

"main": [
  "dist/stylesheet.css",
  "src/_settings.scss"
],
这是阻止wiredep解析它的代码

wiredep: {
  directory: 'bower_components',
  exclude: ['css/foundation.css','src/_settings.scss']
}
我必须创建一个新的gulp任务并将'src/_settings.scss'像这样作为gulp.src,对吗

gulp.task('sasstask2', function () {
    return gulp.src('src/_settings.scss')
    .pipe($.sass())
    .pipe(gulp.dest('src/css'));
});

我也喜欢将generate css注入index.html,但不知道如何做?wiredep会自动将其注入index.html吗?

I认为您不应该/可以编译_settings.scss,另请参见:您可能需要创建一个本地project.scss,从库中导入sass代码并使用本地的_settings.scss,如果不存在,则使用库中的_settings.scss。您应该可以使用wiredef的includeSelf选项将上一步编译的CSS代码注入index.html