Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

希望打包的结构能简单点 #22

Closed
atjiu opened this issue May 3, 2017 · 1 comment
Closed

希望打包的结构能简单点 #22

atjiu opened this issue May 3, 2017 · 1 comment

Comments

@atjiu
Copy link

atjiu commented May 3, 2017

bootstrap的打包结构

├── css
│   ├── bootstrap-theme.css
│   ├── bootstrap-theme.css.map
│   ├── bootstrap-theme.min.css
│   ├── bootstrap-theme.min.css.map
│   ├── bootstrap.css
│   ├── bootstrap.css.map
│   ├── bootstrap.min.css
│   └── bootstrap.min.css.map
├── fonts
│   ├── glyphicons-halflings-regular.eot
│   ├── glyphicons-halflings-regular.svg
│   ├── glyphicons-halflings-regular.ttf
│   ├── glyphicons-halflings-regular.woff
│   └── glyphicons-halflings-regular.woff2
└── js
    ├── bootstrap.js
    ├── bootstrap.min.js
    └── npm.js

layui的打包结构

├── css
│   ├── layui.css
│   ├── layui.mobile.css
│   └── modules
│       ├── code.css
│       ├── laydate
│       │   ├── icon.png
│       │   └── laydate.css
│       └── layer
│           └── default
│               ├── icon-ext.png
│               ├── icon.png
│               ├── layer.css
│               ├── loading-0.gif
│               ├── loading-1.gif
│               └── loading-2.gif
├── font
│   ├── iconfont.eot
│   ├── iconfont.svg
│   ├── iconfont.ttf
│   └── iconfont.woff
├── images
│   └── face
│       ├── 0.gif
│       ├── 1.gif
│       ├── 10.gif
│       ├── 11.gif
│       ├── 12.gif
│       ├── 13.gif
│       ├── 14.gif
│       ├── 15.gif
│       ├── 16.gif
│       ├── 17.gif
│       ├── 18.gif
│       ├── 19.gif
│       ├── 2.gif
│       ├── 20.gif
│       ├── 21.gif
│       ├── 22.gif
│       ├── 23.gif
│       ├── 24.gif
│       ├── 25.gif
│       ├── 26.gif
│       ├── 27.gif
│       ├── 28.gif
│       ├── 29.gif
│       ├── 3.gif
│       ├── 30.gif
│       ├── 31.gif
│       ├── 32.gif
│       ├── 33.gif
│       ├── 34.gif
│       ├── 35.gif
│       ├── 36.gif
│       ├── 37.gif
│       ├── 38.gif
│       ├── 39.gif
│       ├── 4.gif
│       ├── 40.gif
│       ├── 41.gif
│       ├── 42.gif
│       ├── 43.gif
│       ├── 44.gif
│       ├── 45.gif
│       ├── 46.gif
│       ├── 47.gif
│       ├── 48.gif
│       ├── 49.gif
│       ├── 5.gif
│       ├── 50.gif
│       ├── 51.gif
│       ├── 52.gif
│       ├── 53.gif
│       ├── 54.gif
│       ├── 55.gif
│       ├── 56.gif
│       ├── 57.gif
│       ├── 58.gif
│       ├── 59.gif
│       ├── 6.gif
│       ├── 60.gif
│       ├── 61.gif
│       ├── 62.gif
│       ├── 63.gif
│       ├── 64.gif
│       ├── 65.gif
│       ├── 66.gif
│       ├── 67.gif
│       ├── 68.gif
│       ├── 69.gif
│       ├── 7.gif
│       ├── 70.gif
│       ├── 71.gif
│       ├── 8.gif
│       └── 9.gif
├── lay
│   ├── dest
│   │   └── layui.all.js
│   └── modules
│       ├── code.js
│       ├── element.js
│       ├── flow.js
│       ├── form.js
│       ├── jquery.js
│       ├── laydate.js
│       ├── layedit.js
│       ├── layer.js
│       ├── laypage.js
│       ├── laytpl.js
│       ├── mobile.js
│       ├── tree.js
│       ├── upload.js
│       └── util.js
└── layui.js

个人觉得还是直接引入一个css,一个js的开发者比较多,没多少人愿意还分模块去加载,一次加载完,浏览器还可以缓存,没多大的影响吧

真想做模块化也可以做个页面,让用户自己需要什么模块就选什么模块,然后一次性打包 比如 http://v3.bootcss.com/customize/


下面是建议

images/face 下的图片都不大,可以做成base64,放到css里去

最后感谢开源了这么好看的css框架!

@sentsim
Copy link
Member

sentsim commented May 3, 2017

使用的时候就是引入一个 layui.css 即可,而JS也可以只引入一个 layui.all.js (这个是打包好的完整模块)
其它建议会认真考虑,谢谢!

@sentsim sentsim closed this as completed Jun 21, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants