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/'));

});

https://img1.mukewang.com/5c344be4000145a608580780.jpg

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

肥皂起泡泡
浏览 709回答 1
1回答

慕盖茨4494581

看了图大概明白意思了,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] 也作为路径的一部分,拼出来不同的结果。
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript