为了账号安全,请及时绑定邮箱和手机立即绑定

gulpfile.js配置 less没有输出?

为什么我的编译less文件没有输出出去?还没有报错??

正在回答

2 回答

补充,我复看了老师的代码结构没有问题,

需要确认一下你的gulpfile.js、node_module、webpack.config.js所在文件夹,即为gulp构建的目录,此处运行gulp命令后,会打包生成和构建目录平行的www。 

-root

    -src

        +node_modules

        +js

        +less

        -gulpfile.js

        -package.json

        -webpack.config.js 

   -www

        +js

        +css

如此,则cd到src目录后gulp构建。 

gulp.src('./js/**/*.js').pipe(webpack(config)).pipe(gulp.dest('../www/js'));

gulp.src('./less/*.less').pipe(less()).pipe(gulp.dest('../www/css'))


你说less文件没有输出,那原因大概是less文件没有找到,由于构建会忽略,不会报错。 

建议还是在第三课项目配置那一段再看一下,尝试给less文件夹下新增内容,看看打包是否会到/www/css文件夹。



0 回复 有任何疑惑可以回复我~

老师录制的代码略有出入,

gulp构建时的目录不是src子目录,所以在配置gulpfile.js时调整一下如下路径

gulp.src('./src/js/**/*.js').pipe(webpack(config)).pipe(gulp.dest('./www/js'));

gulp.src('./src/less/*.less').pipe(less()).pipe(gulp.dest('./www/css'))

这样就能打包到和src平级的www目录下,并创建 js 和 css两个文件夹。

gulp打包如果没有找到对应文件,就当不存在,不会报错的。老师录制的最后一点点index.js之所以报错,是因为webpack.config.js里指定了要该index.js作为唯一入口文件,这个如果不存在,webpack会报错。 

不知道我的回答是否帮助了楼主,有用请点赞哦~ 

 

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

gulpfile.js配置 less没有输出?

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信