我無法使用wiredep注入bower軟件包，並且沒有錯誤？

Question

我正在嘗試使用wiredep將Bower軟件包注入html，但是沒有注入並且沒有出現錯誤

這是我的gulpfile.js：

gulp.task('inject', function () {

    var wiredep = require('wiredep').stream;
    var options = {
        bowerJson: require('./bower.json'), //it will return back that json object 
        directory: './public/lib' //where to look for 
    }
    return gulp.src('./src/views/*.html')
        .pipe(wiredep(options))
        .pipe(gulp.dest('./src/views')); // pipe that back into our views directory
});

這是index.html

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8">
        <meta charset="utf-8">
        <title>Storystrap Template</title>
        <meta name="generator" content="Bootply" />
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
        <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css" rel="stylesheet">
        <!--[if lt IE 9]>
            <script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
    <link href="css/styles.css" rel="stylesheet">
    <!-- bower:js -->
    <!-- endbower -->
    </head>

Answer 1

當我們嘗試注入“ bootstrap”之后的版本為“ 3.3.4”的css文件時，它將無法正常工作

所以我通過覆蓋要嘗試在bower.json文件中插入的bower包來處理它，這是代碼：

"overrides": {
    "bootstrap": {
      "main": [
        "dist/js/bootstrap.js",
        "dist/css/bootstrap.css",
        "less/bootstrap.less"
      ]
    },
    "font-awesome": {
      "main": [
        "less/font-awesome.less",
        "css/font-awesome.min.css",
        "scss/font-awesome.scss"
      ]
    }
  }

希望對您有所幫助，謝謝。

我無法使用wiredep注入bower軟件包，並且沒有錯誤？

問題描述

1 個解決方案

解決方案1
0 已采納 2018-12-09 11:45:26

我無法使用wiredep注入bower軟件包，並且沒有錯誤？

問題描述

1 個解決方案

解決方案1 0 已采納 2018-12-09 11:45:26

解決方案1
0 已采納 2018-12-09 11:45:26