Question

我试图让我的头围绕着Gulp而我正在使用。 Yeoman´s webapp

我试图将一些css文件添加到项目中，并希望最终将它放在dist / styles-folder中。

将scss文件添加到我的app / styles-folder并构建项目时，文件最终会出现在.tmp文件夹中。我想这是完成它的任务：

gulp.task('styles', () => {

  return gulp.src('app/styles/*.scss')
    .pipe($.plumber())
    .pipe($.sourcemaps.init())
    .pipe($.sass.sync({
      outputStyle: 'expanded',
      precision: 10,
      includePaths: ['.']
    }).on('error', $.sass.logError))
    .pipe($.autoprefixer({browsers: ['> 1%', 'last 2 versions', 'Firefox ESR']}))
    .pipe($.sourcemaps.write())
    .pipe(gulp.dest('.tmp/styles'))
    .pipe(reload({stream: true}));
});

从scss编译到css这应该是一件好事，但是如何从.tmp文件夹中获取它们我的dist / index？

我试过了：<link rel="stylesheet" href="./.tmp/styles/style.css"> 它返回了404但即便如此，我无法想象这是正确的方法吗？或者swill我的dist文件夹可以访问.tmp文件夹？帮助赞赏。感谢

Answer 1

您似乎要将目标文件夹设置为U，而不是var obj = { a: { aa: 'aa', ab: 'ab', ac: { aca: 'aca', acb: 'acb' } }, b: 'b', set: function (field, value) { var route = field.split('.'), key = route.pop(); route.reduce(function (r, k) { r[k] = r[k] || {}; return r[k]; }, this)[key] = value; } }; obj.set('b', 'b2'); obj.set('a.ac.acb', 'acb2'); document.write('<pre>' + JSON.stringify(obj, 0, 4) + '</pre>');：

dist

使用gulpfiles .tmp文件夹

1 个答案: