Question

我正在使用gulp

注入我的脚本和内容

gulp.task('inject', function () {
  var wiredep = require('wiredep').stream;
  var options = {
    bowerJson: require('./bower.json'),
    directory: './bower_components',
    ignorePath: 'public'
  };
  var injectSrc = gulp.src(['./public/css/**/*.css', './public/js/**/*.js'], {
    read: false
  });
  var injectOptions = {
    ignorePath: 'public'
  };
  return gulp.src('./src/views/layout.pug').pipe(wiredep(options)).pipe(inject(injectSrc, injectOptions)).pipe(gulp.dest('./src/views'));
});

然后我希望它由服务器加载，但我只有404状态。

在思考了一段时间后，我得到了一个想法，从之前的项目中，我注入的文件都在/public/lib文件夹中。你知道我不喜欢这个约定，也不知道如何解决它...

Answer 1

然后它击中了我，它是一个静态文件！所以我只是将指令添加到我的index.js

app.use('/bower_components', express.static(__dirname + '/bower_components'));

请记住第一部分，因为否则浏览器会在树中查找一个文件夹...

为什么bower组件在通过有线和gulp注入后不会加载 - 404

1 个答案: