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

Question

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对应到文件夹里，如何操作？

Answer 1

看了图大概明白意思了，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] 也作为路径的一部分，拼出来不同的结果。