我计划将LESS CSS分成多个文件, 以使CSS模块化并使其更易于管理和维护。最终, 我将使用@import将所有模块化CSS文件导入到一个将被WordPress排队的文件中。
【如果与LESS一起使用,@import真的对性能不好吗()】@import对性能不好吗?
#1是的, 使用多个导入将导致浏览器必须发出相等数量的文件请求。
只要将LESS源代码编译为CSS文件并将该CSS文件作为网站的样式表包括在内, 性能就不会成为问题。
例如, 当你制作一个Wordpress主题时, 你可以为CSS创建一个文件夹, 然后使用例如simpLESS(如果你在Windows上)示例模板目录结构对其进行编译:
-themes/
-your-theme/
-less/
-main.less
-import.less
-etc.
-style.css <
- this is the target file you would compile into
-index.php
-etc.
你可以设置目标文件以轻松编译。另外, simpLESS将在结果文件中保留第一个顶部注释, 以便你可以将主题信息放入其中。
推荐阅读
- 是否可以在wordpress中复制动作钩子()
- WordPress市场中是否允许使用完整的Angular主题()
- Elementor Page Builder插件可以在多站点wordpress上运行吗()
- 用Timber(Twig)构建的WordPress网站是否可能实现AMP
- 创建第一个woocommerce主题时,我收到一条错误消息。它在说明中键入的错误消息
- docker容器修改配置文件
- 博睿数据亮相北京IMC2021第三届中国智造CIO峰会
- 致同发布2021年上半年《国际商业报告》
- ansible自动化运维实战一