node와 browserify를 사용하면 js 의존성을 bundle.js 파일에 모두 올려 놓고 상위 html에 포함시킴으로써 js 종속성을 관리하는 것이 쉽습니다.프런트 엔드에서 CSS 라이브러리를 관리하는 방법은 무엇입니까?
제가 궁금해하는 점은 어떻게 여러분이 부트 스트랩과 같은 libs를 관리합니까?
node_modules에 잘 다운로드되지만 HTML 파일이나 자산 폴더에 어떻게 가져 옵니까?
node_modules에서 바로 참조 할 수 있습니까? 과제를 복사 해 넣으시겠습니까? 기타?
주의 사항 : 나는 css와 js를 별도로 유지하기 위해 browserify-css 플러그인을 사용하지 않고이 작업을 수행하기를 바랬다.
저는 개인적으로 js/css 모듈을 포함하는 Gulp/Grunt 워크 플로우 설정을 가지고 있으며, 자동으로 모든 중요한 작업을 수행하며 결국에는 하나의 CSS 및 js 파일 만 갖습니다. 그런 다음 HTML로 가져옵니다.
gulp 또는 grunt에 대한 작업을 수행하여 결정한 폴더의 변경 사항 (라이브러리 다운로드 위치)을 확인하십시오. 변경 사항이 있으면 자동으로 .css 파일을 다른 작업 디렉토리로 복사합니다.
나는 당신이 정확하게 원하는 것을 이해하기를 바랍니다.
내가 파일 (.js, .css, .younameit)을 html로 가져올 수있는 작은 파이썬 스크립트를 만들었습니다.
전에 :
<html>
<head>
<!-- {SVN_AUTO_IMPORT type:.js; dir:../tsc_out; exclude:; template:<script src="%PATH"</script>;} -->
</head>
후 :
<html>
<head>
<script src="../tsc_out/script1.js"></script>
<script src="../tsc_out/script2.js"></script>
<script src="../tsc_out/script3.js"></script>
<script src="../tsc_out/script4.js"></script>
<script src="../tsc_out/script5.js"></script>
</head>