gulp任务路径问题?

clipboard.png

webpack.config.js中的代码:

clipboard.png

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

阅读 4.8k
4 个回答

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

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

我也用的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里

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

clipboard.png

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题