javascript - gulp任务路径问题?
阿神
阿神 2017-04-11 10:42:23
0
4
431

webpack.config.js中的代码:

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

阿神
阿神

闭关修行中......

Antworte allen(4)
黄舟

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

PHPzhong

所以呢?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里

黄舟

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

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

Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage