webpack.config.js中的代码:
page目录下每个目录都是一个页面的JS相关代码,SRC是打包前的代码,我想利用gulp-webpack打包代码生成至对应页面的目录中的dist目录下。想实现的功能是执行gulp webpack,遍历page下的所有一级目录中的src打包其中的js在当前页面下生产dist存放打包后的代码。目前我做的路径是固定的。
闭关修行中......
so,你的问题是?虽然你的思路不怎么帅(我甚至搞不清这里为什么不直接用webpack,而要用一个封装版gulp-webpack)。不过思路确实可行,做做试试看啊
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里
@熊丸子 我用了一个比较粗暴的办法做的,循环每个目录进行生成
你的这个方法还是不行,在gulpfile.js的目录生成了,github上有demo吗? 可以发给我看看
so,你的问题是?虽然你的思路不怎么帅(我甚至搞不清这里为什么不直接用
webpack
,而要用一个封装版gulp-webpack
)。不过思路确实可行,做做试试看啊所以呢?gulp生成文件的src路径和dest的路径全部是相对于当前gulpfile.js所在的目录
我也用的gulp-webpack路径确实有问题的,我是这么处理的
gulpfile.js
webpack.config.js
简而言之,就是output的路径由gulp来定,不要配置在webpack.config.js里
@熊丸子
我用了一个比较粗暴的办法做的,循环每个目录进行生成
你的这个方法还是不行,在gulpfile.js的目录生成了,github上有demo吗? 可以发给我看看