Gulp-Webpack Loaders返回加载器源代码?

时间:2016-08-08 22:57:20

标签: gulp less loader gulp-webpack

新手。我正在设置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"
      }
    ]
  }
};

1 个答案:

答案 0 :(得分:0)

因此,大多数经验丰富的网络包装员可能会大肆宣传,因为是的,webpack会输出javascript,将所有其他资源注入页面。我在想"让我们使用webpack加载器将较少的转换为css"和"让我们使用gulp"自动完成整个构建过程但我没有深入了解webpack如何专门工作,它将所有内容捆绑到一个或多个js文件中。