Gulp 如何将两个参数传递给webpack?
我正在连接到webpack,需要传递一个配置文件和devtool参数。我尝试了一些双参数传递的变体,但都不起作用Gulp 如何将两个参数传递给webpack?,gulp,webpack,Gulp,Webpack,我正在连接到webpack,需要传递一个配置文件和devtool参数。我尝试了一些双参数传递的变体,但都不起作用 //This works gulp.task('js', function() { gulp.src(config.paths.mainJs) .pipe(webpack(require('./webpack.config.dev.js') //how do we sourcemap this? //devtool: "so
//This works
gulp.task('js', function() {
gulp.src(config.paths.mainJs)
.pipe(webpack(require('./webpack.config.dev.js')
//how do we sourcemap this?
//devtool: "source-map"
))
//This fails
gulp.task('js', function() {
gulp.src(config.paths.mainJs)
.pipe(webpack({
configuration: require('./webpack.config.dev.js'),
devtool: "source-map"
}))
我找到了用于配置的。它没有提供这方面的任何示例。假设./webpack.config.dev.js如下所示:
module.exports = {
// configuration
};
var config = require('./webpack.config.dev.js');
config.devtool = "source-map";
require语句返回一个普通JavaScript对象,因此您可以只覆盖devtool属性:
我使用npm包将配置组合到一个新对象中,但是如果您愿意,可以使用其他东西。您也可以完全省略extend,只需如下设置devtool属性:
module.exports = {
// configuration
};
var config = require('./webpack.config.dev.js');
config.devtool = "source-map";
但是请记住,nodejs缓存所需的文件,因此,如果您以后需要从Gulpfile.js中的其他位置获取webpack.config.dev.js,则它的devtool属性已设置为源映射。假设。/webpack.config.dev.js如下所示:
module.exports = {
// configuration
};
var config = require('./webpack.config.dev.js');
config.devtool = "source-map";
require语句返回一个普通JavaScript对象,因此您可以只覆盖devtool属性:
我使用npm包将配置组合到一个新对象中,但是如果您愿意,可以使用其他东西。您也可以完全省略extend,只需如下设置devtool属性:
module.exports = {
// configuration
};
var config = require('./webpack.config.dev.js');
config.devtool = "source-map";
但是请记住nodejs会缓存所需的文件,因此如果您以后需要从Gulpfile.js中的其他地方获取webpack.config.dev.js,那么它的devtool属性已经设置为source map。我找到了一种传递参数的方法,如本文所述 您可以使用package.json脚本部分通过npm传递参数
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"babel": "babel",
"webpack-quizMaker": "set arg=quizMaker&&webpack",
"webpack-quiz": "set arg=quiz&&webpack"
},
有关更多详细信息,请参阅下面的链接
我已经找到了一种传递参数的方法,详见本文 您可以使用package.json脚本部分通过npm传递参数
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"babel": "babel",
"webpack-quizMaker": "set arg=quizMaker&&webpack",
"webpack-quiz": "set arg=quiz&&webpack"
},
有关更多详细信息,请参阅下面的链接