写了个支持大漠新布局的 webpack 组合

2017-08-27 22:37:28 +08:00
 dxcqcv

大漠新布局主要用来代替 rem,文章地址为: http://www.w3cplus.com/css/vw-for-layout.html

可以使用 Pug(Jade) + Stylus + ES6 + Webpack dev server 写网页,非常方便

支持功能有

Support browserSync
Postcss plugin SVG, VW, Aspect-Ratio out of box
Support Pug
Support Stylus
Support ES6

安装使用方便,直接 npm 安装

npm install -g yo
npm install -g generator-webpack-humble  

然后就可以开发和打包啦

$ npm run dev # Launches the server
$ npm run build # Built the files

github 地址为: https://github.com/dxcqcv/generator-webpack-humble

觉得好用记得点 star,有问题直接 issues 或 pull request

1989 次点击
所在节点    分享创造
2 条回复
lqzhgood
2017-08-29 14:54:13 +08:00
无论是 缩放 viewport 的方案,还是指定 1rem=100px,然后 js 计算 1rem 缩放 这些方案,
我觉得这类处理方式最大的问题就是 css 库 的引用。

现在来说基本没有从 0 开始写的工程了。多少会用到库,难道再去把库中的 px 单位全部写成 rem ?
对于这类库引用的应该如何处理呢?
dxcqcv
2017-08-29 20:30:14 +08:00
楼上,用 PostCSS 处理直接写 px 就可以,不用写 rem

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/386208

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX