역사적인 문제로 인해 회사에서는 리소스 로더를 사용하지 않았습니다. 원하는 것을 사용하는 것이 전부입니다. 페이지에 대한 다양한 참조. 예전에 SeaJS를 사용해봤는데 함정이 많은 것 같았어요. 이제 공식 홈페이지는 사라졌습니다. o(╯□╰)o. 현재 주류 솔루션은 무엇인가요? 전통적인 페이지 개발에는 CSS 관리가 필요합니다.
모듈화에는 두 가지 유형이 있습니다. 하나는 클라이언트(브라우저)에서 구현되고, 다른 하나는 서버 측 전처리를 통해 구현됩니다.
JS 모듈성의 본질은 각 모듈이 상대적으로 독립적이고 전체 상황을 오염시키지 않으며 종속성을 보장할 수도 있다는 것입니다. 클라이언트에서의 구현은 requireJS 또는 seaJS입니다. 둘 사이에는 구문에 약간의 차이만 있을 뿐 원칙은 동일합니다. 전처리 구현은 webpack 또는 browserify가 될 수 있습니다.
CSS는 이제 기본적으로 모듈화를 달성하기 위해 전처리되었으며, sass 등 다양한 전처리기를 통해 구현되었습니다. . .
물론 webpack은 모든 것을 하나로 묶을 수 있을 만큼 강력합니다.
물론 요구사항이 그다지 높지 않은 경우에는 gulp+gulp-useref를 사용하여 간단하고 투박한 패키징을 구현할 수 있습니다. 여러 파일을 하나로 결합하고 합성된 항목의 경로를 페이지에 작성합니다. JS.
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
1.grunt
matching
grunt-rev
grunt-usemin
2.gulp
matching
gulp-rev
gulp -userref
모듈화에는 두 가지 유형이 있습니다. 하나는 클라이언트(브라우저)에서 구현되고, 다른 하나는 서버 측 전처리를 통해 구현됩니다.
JS 모듈성의 본질은 각 모듈이 상대적으로 독립적이고 전체 상황을 오염시키지 않으며 종속성을 보장할 수도 있다는 것입니다.
클라이언트에서의 구현은 requireJS 또는 seaJS입니다. 둘 사이에는 구문에 약간의 차이만 있을 뿐 원칙은 동일합니다.
전처리 구현은 webpack 또는 browserify가 될 수 있습니다.
CSS는 이제 기본적으로 모듈화를 달성하기 위해 전처리되었으며, sass 등 다양한 전처리기를 통해 구현되었습니다. . .
물론 webpack은 모든 것을 하나로 묶을 수 있을 만큼 강력합니다.
물론 요구사항이 그다지 높지 않은 경우에는 gulp+gulp-useref를 사용하여 간단하고 투박한 패키징을 구현할 수 있습니다. 여러 파일을 하나로 결합하고 합성된 항목의 경로를 페이지에 작성합니다. JS.