javascript - gulp+webpack 打包的时候，如何打包的到对应的文件夹里

问题描述

问 题

gulp.task('scripts', function() {
    return gulp.src('src/entry.js')
        .pipe(webpack({
            entry: {
                search: './public/scripts/search/search.js',
                login:'./public/scripts/login/login.js'
            },
            output: {
                path: '/dist/scripts',
                filename: '[name].js',
                chunkFilename: '[name].js'
            }
        }))
        .pipe(gulp.dest('dist/scripts/'));
});

publc里的scripts里有对应的文件夹里的js，webpack打包后，想输入到dist里scripts对应的文件夹里的，
目前只能直接输入到dist里到scripts里，没有到scripts对应到文件夹里，如何操作？

解决方案

看了图大概明白意思了，webpack 打包时希望多个 entry 对应多个 output path？使 login 打包进入 /public/scripts/login search 进入 /public/scripts/search ?

entry: {
    '/search/search': './public/scripts/search/search.js',
    '/login/login': './public/scripts/login/login.js',
},
output: {
    path: '/dist/scripts',
    filename: '[name].js',
    chunkFilename: '[name].js'
}

简单来说，就是把 output 中的 [name] 也作为路径的一部分，拼出来不同的结果。

这篇关于javascript - gulp+webpack 打包的时候，如何打包的到对应的文件夹里的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！