nodejs 批量编译less 文件为css
2015-01-04 14:07
537 查看
http://www.html-js.com/article/1359
我们在用less时,有时会有很多less块,一个一个手动编译很麻烦,使用下面的代码,可以一次性递归编译 在项目less文件目录,新建个js文件。粘贴代码如下
然后运行node
node 新建的js文件
我们在用less时,有时会有很多less块,一个一个手动编译很麻烦,使用下面的代码,可以一次性递归编译 在项目less文件目录,新建个js文件。粘贴代码如下
var fs = require('fs'), path = require('path'), exec = require('child_process').exec, sourcePath, targetPath; //获取命令行中的路径 process.argv.forEach(function (val, index, array) { if (index == 2) { sourcePath = val; } if (index == 3) { targetPath = val; } }) var lessc = function (rootPath, targetPath) { //取得当前绝对路径 rootPath = path.resolve(rootPath); //目标路径绝对路径 targetPath = path.resolve(targetPath); //判断目录是否存在 fs.exists(rootPath, function (exists) { //路径存在 if (exists) { //获取当前路径下的所有文件和路径名 var childArray = fs.readdirSync(rootPath); if (childArray.length) { for (var i = 0; i < childArray.length; i++) { var currentFilePath = path.resolve(rootPath, childArray[i]); var currentTargetPath = path.resolve(targetPath, childArray[i]) //读取文件信息 var stats = fs.statSync(currentFilePath); //若是目录则递归调用 if (stats.isDirectory()) { lessc(currentFilePath, currentTargetPath); } else { //判断文件是否为less文件 if (path.extname(currentFilePath) === ".less") { var newFilePath = path.resolve(targetPath, path.basename(currentFilePath, '.less') + ".css"); if (!fs.existsSync(targetPath)) { fs.mkdirSync(targetPath); } console.log(newFilePath); exec("lessc -x " + currentFilePath + " > " + newFilePath); } } } } } else { console.log("directory is not exists"); } }); } lessc('./', './css/');
然后运行node
node 新建的js文件
相关文章推荐
- nodejs 批量编译less 文件为css
- 利用nodeJs来安装less以及编译less文件为css文件
- 使用nodeJs来安装less及编译less文件为css文件的方法
- PHP Strom 配置less 并设置编译后在远程开发模式下自动上传css文件
- 关于Sublime text 3如何编辑less并转(编译)成css文件
- 关于Sublime text 3如何编辑less并转(编译)成css文件,亲测可用
- Sublime text 3如何编辑less并转(编译)成css文件
- gulp-less插件之less文件编译成css
- 如何用sublimeText3编写less并用Nodejs自动编译成css
- 本地或者是koala软件编译less文件为css
- PHP Strom 配置less 并设置编译后在远程开发模式下自动上传css文件
- 关于Sublime text 3如何编辑less并转(编译)成css文件
- 批量编译目录下文件的Makefile
- Android 自动编译、打包生成apk文件 4 - 多渠道批量打包
- icon图标批量生成 css 样式文件工具
- 批量编译当前目录下4gl文件
- 在eclipse中反编译并查看jar包的class文件,批量反编译
- flash 批量编译发布fla 文件
- Android 自动编译、打包生成apk文件 4 - 多渠道批量打包
- webstorm上安装自动编译less文件的插件的步骤