复制gulpfile中的node_module dist文件

时间:2018-11-17 19:03:10

标签: wordpress twitter-bootstrap npm gulp

我正在使用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'))
});

0 个答案:

没有答案