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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

爱意满满的作品展示区。

这是一个创建于 2431 天前的主题，其中的信息可能已经有所发展或是发生改变。

大漠新布局主要用来代替 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

2 条回复 • 2017-08-29 20:30:14 +08:00

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