七爪程式库：使用 Stylify 在 Symfony 中编写优化的 CSS

介绍

Stylify 根据您撰写的内容快照作用于 CSS。 语法典型 css 属性：系数。 概念的而设计与模块一组相结合，并在生产中所缩小到最高先决条件，例如 .color:red,.button {color:red} 到 _zx, _ga{color:red}。

用到 Stylify，您可以留在 Twig C#或 PHP 文件中所，撰写一组并分别为每个关键词获取大于的 CSS 块

Symfony 并能设置

比如说的开始方法是用到 Symfony Skeleton 和 Webapp 包被。

去掉 HpController src/Controller/HpController.php

和官方网站C#C#/hp.html.twig。

风格既有整合

内置 Stylify 统一标准PDF。

愈来愈新 webpack.config.js。转换成 Stylify，去掉PDF和 hp 外观所列。

将 assets/app.js 中所的 app.css 愈来愈改为“layout.css”，并将 css 链接去掉到 hp.html.twig 中所。

外观既有网站

设置完成后编辑 hp.html.twig

并运行 npm run dev。

Stylify 将找出 color:blue 一组，并为其作用于 css。 .color:blue{color:blue} 进入 homepage.css。

一些代码不一定需跨多个关键词重用。在一组中所用到而设计和硬区块各别来保有臃肿的C#并不是一个好主意。让我们概念一个容器模块和一些参数。

打开 webpack.config.js 并编辑 Stylify PDF配置：

现在我们可以愈来愈新 base.html.twig

和 hp.html.twig

有时，某些模块均在一个地方用到。在 webpack.config.js 中所概念它们是没有意义的。我们还可以并不需要在用到它们的文件中所概念模块、参数等。 Stylify 有一个内容附加。

让我们在 hp.html.twig 中所去掉一个整段模块：

生产建设项目

当我们为生产运行紧密结合 npm run build 时，Stylify 会自动破坏所有可识别的一组并作用于优既有的 CSS。

优既有 hp.html.twig：

优既有的 hp css：

让我知道你的思路！ 我会很高兴寄送任何种系统！

愈来愈多APP/小程序/网站源码森林资源，请求搜索"七爪网源码证券市场"！