本文主要是介绍Grunt 合并编译less文件，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
Gruntfile.js 配置项：
// 安装依赖
// npm install -g grunt-cli
// npm install --save-dev grunt
// npm install --save-dev grunt-contrib-concat
// npm install --save-dev grunt-contrib-less
// npm install --save-dev grunt-contrib-clean
// npm install --save-dev grunt-contrib-watch
// 在项目根目录新建此文件：Gruntfile.js
// 终端执行> grunt 即可module.exports = function(grunt) {grunt.initConfig({pkg: grunt.file.readJSON('package.json'),concat: {css: {// 源文件，数组/字符串，src: "src/**/*.less",// 目标文件, pkg.name 是定义在 package.json 文件中的 namedest: 'lib/style/<%= pkg.name %>.less'}},less: {compile: {files: {'lib/style/<%= pkg.name %>.css': 'lib/style/<%= pkg.name %>.less'}},compress: {files: {'lib/style/<%= pkg.name %>.min.css': 'lib/style/<%= pkg.name %>.css'},options: {compress: true}}},clean: {build: {src: ["lib/style/<%= pkg.name %>.less"]}},watch: {scripts: {files: ['src/**/*.less'],tasks: ['concat', 'less', 'clean']}}});grunt.loadNpmTasks('grunt-contrib-concat'); // 文件合并grunt.loadNpmTasks('grunt-contrib-less'); // less -> cssgrunt.loadNpmTasks('grunt-contrib-clean'); // 文件删除grunt.loadNpmTasks('grunt-contrib-watch'); // 监听文件修改grunt.registerTask('default', ['concat', 'less', 'clean', 'watch']);};
这篇关于Grunt 合并编译less文件的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
