使用gulp和wiredep，socket.io沒有添加到index.html（即使它在bower.json中）

Question

我的bower.json文件中有angular，angular-ui-router和socket-io。

當我運行我的gulp文件（使用wiredep）時，兩個角度腳本成功添加到我的index.html文件，但socket.io腳本不是 - 我無法弄清楚原因。 謝謝你的幫助

//命令行

[21:56:06] Using gulpfile ~/dev/projects/ecommerceVidChat/gulpfile.js
[21:56:06] Starting 'default'...
[21:56:06] Starting 'bower-dependencies'...
[21:56:06] Finished 'bower-dependencies' after 6.24 ms
[21:56:06] Finished 'default' after 7.24 ms

//bower.json

  "dependencies": {
    "angular": "~1.3.13",
    "socket.io": "~1.3.4",
    "angular-ui-router": "~0.2.13"
  }

// gulpfile.js

var gulp = require('gulp'),
    wiredep = require('wiredep').stream;

gulp.task('default', function() {
  gulp.start('bower-dependencies')
});

gulp.task('bower-dependencies', function () {  
  gulp.src('./build/index.html') 
    .pipe(wiredep({
      directory: './build/bower_components',
      bowerJson: require('./bower.json'),
    }))
    .pipe(gulp.dest('./build/'));
});

//index.html

<!-- bower:js -->
<script src="bower_components/angular/angular.js"></script>
<script src="bower_components/angular-ui-router/release/angular-ui-router.js"></script>
<!-- endbower -->

//package.json

"devDependencies": {
    "gulp": "^3.8.11"
  }

Answer 1

Socket.io本身沒有bower支持，請記住它是服務器，而不是客戶端。

您可以通過將其serveClient選項設置為true來為套接字服務器提供客戶端腳本，並將其直接插入index ：

 <script src="socket.io/socket.io.js"></script>

或者安裝bower中引用但具有其他名稱的客戶端腳本：

bower install -save socket.io-client

如果此包沒有main屬性，則必須在主bower.json覆蓋它：

"overrides": {
  "socket.io-client": {
    "main": "socket.io.js"
  }
}

這樣， wiredep會自動將其注入index.html 。

Answer 2

有時供應商在他們的bower.json文件中排除了可選的main屬性，我相信，wiredep用它來編譯源文件數組。 檢查bower.json的內部文件bower_components/socket.io/文件夾，看看他們是否已經包括了這一點。 如果沒有，也許你可以對socket.io做一個pull請求或者至少提出一個問題？