这个问题更多的是理论而不是实际。我需要为站点中的 css 生成关键路径。我阅读了有关此工具的教程:https ://github.com/addyosmani/critical ,我在这里报告了基本示例:
critical.generate({
base: 'test/',
src: 'index.html',
dest: 'styles/main.css',
width: 1300,
height: 900
});
就我而言,我有这个codeigniter结构:
application
-config
--config.php
--routes.php
--...
-controllers
--Matching.php
--...
-views
--home_matching.php
--page_about.php
--page_contact.php
--...
out
-bundle.min.css //this is the minified css visible in all views
routes.php 关于主页、关于页面和页面联系人是:
$route['default_controller'] = 'Matching';
$route['about'] = 'Matching/about';
$route['contact-us'] = 'Matching/contactus';
Matching 控制器中的方法列表如下:
class Matching extends CI_Controller{
public function __construct()
{
parent::__construct();
}
function index()
{
$this->load->view('home_matching.php');
}
function about()
{
$this->load->view('page_about.php');
}
function contactus()
{
$this->load->view('page_contact.php');
}
有没有办法用这种结构生成一个关键的 css?