我正在使用Bootstrap构建WordPress主题,在该主题中,我正在使用npm来管理所用引导程序的版本。
因为在WordPress中,最好的方法是将脚本排入队列,因此我需要一种将Bootstraps node_modules dist js文件复制到我的主题的方法,以供入队。
我目前正在通过遍历文件结构来引用文件。是否有更可靠的技术来获取node_modules文件夹的路径,如果树结构发生更改,该路径将起作用?
/* --- Vendor js compile --- */
gulp.task('vendor-js', function() {
return gulp.src('../../../node_modules/bootstrap/dist/js/bootstrap.bundle.js')
.pipe(newer(folder.src + 'js/vendor'))
.pipe(gulp.dest(folder.src + 'js/vendor'))
});
编辑:
此后,我已经更改了设置以在gulpfile的开头定义一个变量,这意味着我只需要更改一次,但是它却没有我希望的那么动态。
/* --- Folders --- */
const
folder = {
src: 'src/',
dist: 'dist/',
root: '../../../' // This is relative to the project root from the gulpfile
};
/* --- Libraries to include --- */
const
vendor = [
folder.root + 'node_modules/bootstrap/dist/js/bootstrap.bundle.js',
folder.root + 'node_modules/rellax/rellax.js'
];
/* --- Vendor js compile --- */
gulp.task('vendor-js', function() {
return gulp.src(vendor)
.pipe(newer(folder.src + 'js/vendor'))
.pipe(gulp.dest(folder.src + 'js/vendor'))
});