2016-09-18 12 views
0

をHTMLに私のJavaScriptファイルを追加しませんなぜ私は一口-注入によって私のウェブページに注入するためのコードを持っている、と私はgulpfile.jsに続いて、この飲み込む-注入が

app.use(express.static(__dirname + '/../public/')); 

のようにサービスされるセットアップ私の静的なフォルダを持っています私は私の魔法を行うが、私の魔法は、私は私のHTMLテンプレートに静的なJavaスクリプトやCSSを注入することができますどのように...

var inject = require('gulp-inject'); 
var jsFiles = ['*.js', 'backend/**/*.js']; 
gulp.task('inject', function() { 
    var wiredep = require('wiredep').stream; 
    var options = { 
     bowerJson: require('./bower.json') 
     , directory: './public/lib' 
    }; 
    var injectSrc = gulp.src(['css/**/*.css', 'js/**/*.js'], { 
     read: false 
    }); 
    var injectOptions = { 
     ignorePath: './public' 
    }; 
    return gulp.src('./public/index.html').pipe(inject(injectSrc, injectOptions)).pipe(gulp.dest('./public/')); 

壊れていますか?

答えて

1

あなたのhtmlでの最初

<!-- inject:css--> 
<!-- endinject--> 
<!-- inject:js--> 
<!-- endinject--> 

次に、あなたのgulpfile.jsに私はこの問題を回避見つかっ方法はignorePathから./を削除され、リソースへの完全なパスを追加し、gulp.src(./public/some/folder/**/*.css)

のようなそして、あなたは良いにする必要があります行く方法:

関連する問題