因此,昨天它像魅力一樣工作,我回家了,今天早上上班,沒有工作。 我正在爲網站創建styleguide。我希望你們中的一些人能幫助我。 這裏是我的代碼我的sc5風格指南不再更新
gulpfile.js
var paths = {
styles: 'assets/scss/source/**/*.scss',
cssDest: 'frontend/css',
styleguide: 'styleguide'
};
gulp.task('watch', function() {
gulp.watch(paths.styles, ['styles', 'styleguide']);
});
gulp.task('styles', function() {
return gulp.src(paths.styles)
.pipe(sourcemaps.init())
.pipe(sass())
.pipe(gulp.dest(paths.cssDest))
.pipe(concat('all.min.css'))
.pipe(cssnano())
.pipe(sourcemaps.write())
.pipe(gulp.dest(paths.cssDest))
.pipe(livereload());
});
gulp.task('styleguide:generate', function() {
return gulp.src(paths.styles)
.pipe(styleguide.generate({
title: 'My Styleguide',
rootPath: paths.styleguide,
appRoot: '/styleguide',
overviewPath: 'README.md',
server : false,
disableEncapsulation: true,
styleVariables: 'assets/scss/_variables.scss',
extraHead: [
'<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>',
'<script src="/frontend/js/bootstrap.min.js"></script>',
'<script type="text/javascript" src="/frontend/js/lib.min.js"></script>',
'<script type="text/javascript" src="/frontend/js/all.min.js"></script>'
],
}))
.pipe(gulp.dest(paths.styleguide));
});
gulp.task('styleguide:applystyles', ['styles'], function() {
return gulp.src([
"frontend/css/bootstrap.min.css",
"frontend/css/main.css"
])
.pipe(styleguide.applyStyles())
.pipe(gulp.dest(paths.styleguide));
});
當我運行一飲而盡手錶和節省一些SCSS,我得到這個:
什麼是不確定的!?!我該如何解決它?發生在風格指南
編輯
問題:產生
在這裏發佈更多關於解決方案的信息會很有幫助。只是鏈接到幫助你的資源並不是很有幫助。這個答案是90%「我也有問題」和10%有用的鏈接。 –