我应该如何获取到 viewportWidth=750
这个参数?
postcss style.css -r viewportWidth=750
场景需要
公司之前的项目使用的是*.less
样式文件,然后再浏览器直接引入;
使用less.js
文件在浏览器中解析运行;如何在浏览器中使用less
- 引入
*.less
和less.js
文件
<link rel="stylesheet/less" type="text/css" href="styles.less" />
<script src="less.js"></script>
编译less
在前端工程化今天,我选择使用打包编译的方式对less
文件进行编译,然后使用postcss
压缩
把之前项目中 3000行代码200kb
使用cssnano
进行压缩,使其60kb
;
今天分享的是如何获取控制台中命令行中的变量;
const arguments = process.argv.reduce((a, b, index) => {
if (/^[^=]*=[^=]*$/.test(b)) {
const arr = b.split('=')
a[arr[0]] = arr[1]
}
return a
}, {})
console.log(arguments);
这样我就可以获取到所有命令行中的参数了;
在后面的代码中我可以这样去使用
// ...
minPixelValue: arguments.minPixelValue || 2
viewportWidth: arguments.viewportWidth || 1024
// ....