이제 CSS, JS 등 헤더 리소스를 꺼내야 합니다. 이제 아래와 같이 PHP 템플릿을 사용하여 소개합니다
html_header.php
index.html
사실 php의 리소스는 불완전하고, 페이지마다 필요한 리소스도 다르며, 추출해야 할 공통점도 있습니다.
현재 아이디어는 require.js를 사용하여 main.js를 통해 공통 모듈을 도입하는 것이며, 이제 각 페이지의 전용 모듈을 가져올 수 있습니다.
require의 사용법을 온라인에서 확인하고 main.js
require([ "jq", "react","vue"],function(a,b,c) {일부 코드...})
배열에 모듈을 도입하고 콜백에 해당 매개변수를 전달한 후 코드 작성을 시작하세요. . 그런데 이것이 모든 코드가 main.js로 작성되었다는 뜻인가요?
이제 많은 코드가 페이지에 직접 작성되었습니다. JQ를 소개한 다음 $(document).ready(function() {})
리더의 의견에 따르면, 위의 PHP 파일처럼 헤더를 들어 올리고, 먼저 공통 css.js를 작성한 다음, 매개변수를 허용하는 등 요청 시 로드하는 것이 가장 좋습니다. 필요한 리소스입니다. 어떻게 해야 할지 모르겠습니다
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
맞춤 개발 아키텍처? 요청 시 PHP 로딩 기능은 drupal 및 joomla와 같은 일반적인 CMS에서 구현됩니다. 필요한 것을 PHP에 추가하기만 하면 PHP가 페이지에 사용된 JS를 병합하고 압축하므로 다운로드 용량이 작아집니다. 예를 들어 drupal7은 다음 코드를 통해 JS를 로드합니다.
으아악require.js를 사용할 때 main.js에 로드해야 하는 모든 JS를 작성해야 합니다. 각 페이지에 다른 JS를 로드하려면 PHP를 사용하여 main.js를 생성하면 됩니다. requireJS는 magento2에서도 사용되며, requirejs 구성을 생성하는 자체 메커니즘을 갖고 있어 요청 시 각 페이지를 로드할 수 있습니다. 하지만 JS 파일이 정말 많은 경우에는 모두 병합하여 압축하는 것이 좋습니다. 그렇지 않으면 로딩 시간에 영향을 미칠 수 있으므로 이를 완화하기 위해 CDN을 사용해야 합니다.
requireJS는 이제 주문형 로딩을 지원합니다.
으아악require(["xxxx"], function(xxx){
})