如何使用 gulp-inject 修改脚本文件的路径



gulpfile.js

gulp.task('index', function() {
var target = gulp.src('./app/index.html');
// It's not necessary to read the files (will speed up things), we're only after their paths: 
var sources = gulp.src(['./app/js/**/*.js'], {
read: false
});
return target.pipe(inject(sources))
.pipe(inject(gulp.src('./app/js/**/*.js', { read: false }, { ignorePath: '/app/' })))
.pipe(gulp.dest('./build'));
});

索引.html

<body ng-app="kisanApp">
<ng-view></ng-view>
<!-- inject:js -->
<script src="/app/js/app.js"></script>
<script src="/app/js/directives.js"></script>
<script src="/app/js/filters.js"></script>
<script src="/app/js/services.js"></script>
<script src="/app/js/controller/driverController.js"></script>
<script src="/app/js/controller/driversController.js"></script>
<!-- endinject -->
</body>

在这里,我得到的是app/js/app.js而不是js/app.js.我应该如何修改我的路径以使其完美运行?

如果我理解正确,这将解决您的问题。

var gulp = require('gulp')
inject = require('gulp-inject');
gulp.task('index', function() {
gulp.src('./app/index.html')
.pipe(inject(gulp.src('./app/**/*.js', {read: false}), {ignorePath: 'app', addRootSlash: false}))
.pipe(gulp.dest('./build'));
});

最新更新