如何使用wiredep（mvc 6）在wwwroot中复制bower依赖项

Question

我尝试创建一个任务，允许使用 gulp 和wiredep 在我的索引中下载和注入依赖项。它可以工作，但就像我的文件夹 bower_components 一样，它不在我的 wwwroot 中，我的脚本链接是错误的。对于我的所有链接，错误是“未捕获的语法错误：意外的令牌

这是我的 gulp 任务：

eval("var project = " + fs.readFileSync("./project.json"));

gulp.task('bower', function () {
    gulp.src("./" + project.webroot + "/index.html")
        .pipe(wiredep({
            directory: "./bower_components/",
            bowerJson: require('./bower.json')
        }))
        .pipe(gulp.dest("./" + project.webroot + "/"))
});

我的项目架构：

还有我的 index.html（头）：

  <!--bower:css-->
    <link rel="stylesheet" href="../bower_components/bootstrap/dist/css/bootstrap.css" />
    <link rel="stylesheet" href="../bower_components/bootstrap-touch-carousel/dist/css/bootstrap-touch-carousel.css" />
    <!--endbower-->
    <!--bower:js-->
    <script src="../bower_components/jquery/dist/jquery.js"></script>
    <script src="../bower_components/bootstrap/dist/js/bootstrap.js"></script>
    <script src="../bower_components/jquery-ui/jquery-ui.js"></script>
    <script src="../bower_components/jquery-validation/dist/jquery.validate.js"></script>
    <script src="../bower_components/jquery-validation-unobtrusive/jquery.validate.unobtrusive.js"></script>
    <script src="../bower_components/jquery-validation-unobtrusive/jquery.validate.unobtrusive.min.js"></script>
    <script src="../bower_components/hammer.js/hammer.js"></script>
    <script src="../bower_components/bootstrap-touch-carousel/dist/js/bootstrap-touch-carousel.js"></script>
    <script src="../bower_components/angular/angular.js"></script>
    <script src="../bower_components/angular-route/angular-route.js"></script>
    <script src="../bower_components/angular-resource/angular-resource.js"></script>
    <script src="../bower_components/angular-ui-router/release/angular-ui-router.js"></script>
    <script src="../bower_components/angular-animate/angular-animate.js"></script>
    <script src="../bower_components/angular-cookies/angular-cookies.js"></script>
    <script src="../bower_components/angular-parse/angular-parse.js"></script>
    <script src="../bower_components/angular-locker/dist/angular-locker.min.js"></script>
    <!--endbower-->

所以我已经为我的 gulp 任务测试了这个：

eval("var project = " + fs.readFileSync("./project.json"));

    gulp.task('bower', function () {
        gulp.src("./" + project.webroot + "/index.html")
            .pipe(wiredep({
                directory: "./"+project.webroot+"bower_components/",
                bowerJson: require('./bower.json')
            }))
            .pipe(gulp.dest("./" + project.webroot + "/"))
    });

使用此代码，错误是没有安装凉亭。

感谢您给予我的所有帮助。

Answer 1

如果您有一个 .bowerrc 文件，其中包含：

{
    "directory": "wwwroot/lib"
}

然后在凉亭安装时，它将被复制到目标文件夹。