2017-08-27 64 views
2

这是我一饮而尽任务Wiredep咕嘟咕嘟依赖注入不工作

gulp.task('inject', function() { 
    var wiredep = require('wiredep').stream; 
    var options = { 
    bowerJson: require('./bower.json'), 
    directory: './public/lib' 
    }; 
    return gulp.src('./src/views/*.html') 
    .pipe(wiredep(options)) 
    .pipe(gulp.dest('./src/views')); 
}); 

而这些都在我的bower.json依赖

"dependencies": { 
    "bootstrap": "^3.3.7", 
    "font-awesome": "^4.7.0" 
    } 

当我在命令行中运行“一口注入”它似乎工作,但我的依赖不会出现在index.html。

回答

0

我试着重复你发布的完全相同的gulp任务,并且所有文件都被正确注入。

我没有看到你的index.html,但检查你的任务,唯一不同于我的是bower目录。您确定./public/lib也设置在您的bower.json文件中吗?

此外,你是否在你的html上添加这些标签?

<!-- bower:css --> 
<!-- endbower -->

<!-- bower:js --> 
<!-- endbower -->

这是我的index.html的样子:

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8"> 
    <!-- bower:css --> 
    <!-- endbower --> 
    <title>Wiredep test</title> 
</head> 
<body> 

<!-- bower:js --> 
<!-- endbower --> 
</body> 
</html>