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

Grunt中watch和less配合控制*.less文件的自动编译,怎么配置文件名/路径?(通配符的使用问题)

Grunt中watch和less配合控制*.less文件的自动编译,怎么配置文件名/路径?(通配符的使用问题)

Cats萌萌 2019-04-16 20:27:15
我想在Gruntfile.js中设置watch监听目录下的所有.less文件的更改(第一步),同时触发相应less文件编译为.css文件(第二步)。我目前的设置是这样的:module.exports=function(grunt){grunt.initConfig({pkg:grunt.file.readJSON('package.json'),watch:{less:{files:['public/**/*.less'],tasks:['less:task1'],options:{livereload:false}},css:{files:['public/**/*.css'],options:{livereload:true}}},less:{task1:{options:{compress:false,yuicompress:false},files:{"public/css/style1.css":"public/css/style1.less","public/css/style2.css":"public/css/style2.less"//...}}},});grunt.loadNpmTasks('grunt-contrib-watch');grunt.loadNpmTasks('grunt-contrib-less');grunt.registerTask('default',['watch']);grunt.registerTask('lessc',['less:task1']);};以上配置目前只实现了第一步watch的监听,在less任务中,我现在只能列举出每一个存在的less文件。但是我想用通配符来做。如果用通配符这样写的话:files:{"public/**/*.css":"public/**/*.less"}结果是编译的时候真的生成了**文件名的文件夹和文件(如下)。现在我不知道这里应该怎么写呢?求教。>>File"public/css/style1.less"changed.Running"less:task1"(less)taskFiletpl/**/*.csscreated
查看完整描述

2 回答

?
繁星coding

TA贡献1797条经验 获得超4个赞

less:{
main:{
expand:true,
cwd:'./less/',
src:['**/*.less'],
dest:'./css/',
ext:'.css'
}
},
                            
查看完整回答
反对 回复 2019-04-16
  • 2 回答
  • 0 关注
  • 356 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信