lessrem
/less/demo.less
"./rem";.demo width:rem640; height:rem100; box-shadow: rem11 rem22 rem33 pink; background: #eee;
/dist/demo.css
/less/rem.less
// 关键需要 less-plugin-functions 来给 less 提供自定义函数支持 // You need less-plugin-functions .function .rem@size // 640 是设计稿宽度 // 640 is psd width return: @size/640/320*16+0rem;
view demo
http://fast-flow.github.io/lessrem/index.html
gulpfile.js
var gulp = var less = var LessPluginFunctions = gulp;
package.json
"dependencies": "gulp": "^3.9.1" "gulp-less": "^3.1.0" "less-plugin-functions": "0.0.2"
local test | 本地测试
git clone https://github.com/fast-flow/fast.git# or https://github.com/fast-flow/fast/archive/gh-pages.zip cd lessremnpm installgulp
fis-less
var LessPluginFunctions = fis