新手。我正在设置gulp-webpack以在Gulp任务中运行,并且我通过处理测试“less”文件开始简单。我npm安装了gulp-webpack,webpack,以及webpack加载器less-loader,css-loader和style-loader。由于某种原因,我的输出css文件不是...而是它是一个js文件,包含看似加载器本身的源代码。我是否需要在webpack配置文件中要求webpack加载器?
我的gulpfile.js:
var gulpwebpack = require('gulp-webpack');
gulp.task('go2',function(){
return gulp.src('src/homesMenuAngular/css/*.less')
.pipe(gulpwebpack( require('./webpack.config.js') ))
.pipe(gulp.dest('builds/homesMenuAngular/css'));
});
我的webpack.config.js:
// no require statements
module.exports = {
module: {
loaders: [
{
test: /\.less$/,
loader: "style!css!less"
}
]
}
};
答案 0 :(得分:0)
因此,大多数经验丰富的网络包装员可能会大肆宣传,因为是的,webpack会输出javascript,将所有其他资源注入页面。我在想"让我们使用webpack加载器将较少的转换为css"和"让我们使用gulp"自动完成整个构建过程但我没有深入了解webpack如何专门工作,它将所有内容捆绑到一个或多个js文件中。