>  Q&A  >  본문

javascript - gulp任务路径问题?

webpack.config.js中的代码:

page目录下每个目录都是一个页面的JS相关代码,SRC是打包前的代码,我想利用gulp-webpack打包代码生成至对应页面的目录中的dist目录下。
想实现的功能是执行gulp webpack,遍历page下的所有一级目录中的src打包其中的js在当前页面下生产dist存放打包后的代码。
目前我做的路径是固定的。

阿神阿神2772일 전428

모든 응답(4)나는 대답할 것이다

  • 黄舟

    黄舟2017-04-11 10:44:23

    so,你的问题是?虽然你的思路不怎么帅(我甚至搞不清这里为什么不直接用webpack,而要用一个封装版gulp-webpack)。不过思路确实可行,做做试试看啊

    회신하다
    0
  • PHPz

    PHPz2017-04-11 10:44:23

    所以呢?gulp生成文件的src路径和dest的路径全部是相对于当前gulpfile.js所在的目录

    회신하다
    0
  • ringa_lee

    ringa_lee2017-04-11 10:44:23

    我也用的gulp-webpack路径确实有问题的,我是这么处理的
    gulpfile.js

    gulp.task('webpack',  function () {
        return gulp.src('src/core/Ukulele.ts')
            .pipe(webpack( require('./webpack.config.js')))
            .pipe(gulp.dest('dist/'));
    });

    webpack.config.js

    module.exports = {
        entry:'./src/core/Ukulele.ts',
        output: {
            filename: 'uku.js',
            libraryTarget: "umd",
            umdNamedDefine: false
        },
        ...

    简而言之,就是output的路径由gulp来定,不要配置在webpack.config.js里

    회신하다
    0
  • 黄舟

    黄舟2017-04-11 10:44:23

    @熊丸子
    我用了一个比较粗暴的办法做的,循环每个目录进行生成

    你的这个方法还是不行,在gulpfile.js的目录生成了,github上有demo吗? 可以发给我看看

    회신하다
    0
  • 취소회신하다