2016-03-18 84 views
0

我想使用gulp useref來合併我的涼亭js文件,應用程序js文件和css,但它不適合我。我DEST目錄總是空當我運行一飲而盡命令gulp.dest是不工作的吞噬useref

這裏是一個使用yomean產生我的目錄結構

app 
     bower_components 
     main 
     img 
    dest 
    gulp 
    hooks 
    node_modules 

這是我的index.html

<!-- build:js scripts/app.js --> 
<!-- inject:js --> 
<script src="app.js"></script> 
<script src="main/main.js"></script> 
<script src="main/constants/config-const.js"></script> 
<script src="main/controllers/badge.controller.js"></script> 
<script src="main/controllers/creation.controller.js"></script> 
<!-- endinject --> 
<!-- endbuild --> 

我gulp.js外觀像這樣

gulp.task('useref', function(){ 
    return gulp.src('app/main/*.html') 
    .pipe(useref()) 
    .pipe(gulp.dest('dest'),{relative: true}); 
    }); 

useref任務運行良好,因爲我在終端控制檯中看到它,但對於一些原因dest目錄中沒有合成文件

+0

你的路似乎是錯的衝擊。你的index.html位於main /?如果是這樣,那麼你的腳本標籤有錯誤的路徑。如果你的index.html在app /中,那麼gulp.src是不正確的。 – dannyjolie

+0

@dannyjolie我的index.html位於應用程序中,你能告訴我這裏有什麼問題嗎? – casper123

+0

你在你的HTML文件中有gulp-inject命令。刪除它,這在吞噬使用區域沒有意義。 – Gerfried

回答

0

對我來說,這是所有的rev問題。刪除所有本地版本,並一飲而盡,useref的-g版本,並確保當地的package.json devDependencies路段列表一飲而盡,useref^3.0.0

"devDependencies": { 
     "gulp-useref": "^3.0.0", 
     . . . . 
    } 

然後從項目主頁 NPM了--dev

我還更新了gulp-cli和gulp到4.0。我是一個新手,所以我怎麼會知道這是否是一個錯誤。

需要一段時間,但最終無果而終頭的一天,一個滿意的結果和本&傑裏冰淇淋碗