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