프로그래밍/JS, Node.js

Node.js 앱에서 NPM으로 Bootstrap/JQuery 다운 받아 사용하기

Lou Park 2017. 3. 24. 23:00

static redirect를 사용해서 npm install로 다운받은 패키지들을 사용할 수 있다.

First install the packages:

npm install jquery npm install bootstrap

Then on the server.js:

var express = require('express'); var app = express();  // prepare server app.use('/api', api); // redirect API calls app.use('/', express.static(__dirname + '/www')); // redirect root app.use('/js', express.static(__dirname + '/node_modules/bootstrap/dist/js')); // redirect bootstrap JS app.use('/js', express.static(__dirname + '/node_modules/jquery/dist')); // redirect JS jQuery app.use('/css', express.static(__dirname + '/node_modules/bootstrap/dist/css')); // redirect CSS bootstrap

Then, finally, at the .html:

<link rel="stylesheet" href="/css/bootstrap.min.css"> <script src="/js/jquery.min.js"></script> <script src="/js/bootstrap.min.js"></script>

하지만 이렇게 할 경우에는 해당 경로를 타고 가서 server.js 파일에 접근할 수가 있게 되기 때문에

그냥 npm으로 다운 받아서 복사해서 쓰는게 좋아보인다.

 

물론 이렇게 로컬파일을 올리는 것보다도 

CDN이 속도 측면에서 더욱 좋지만 CDN이 끊길 때를 대비해서 fallback을 제공하는 것이 더욱 좋다.

CDN fallback 하기 >> 

http://www.hanselman.com/blog/CDNsFailButYourScriptsDontHaveToFallbackFromCDNToLocalJQuery.aspx

 

원문 출처 (stackoverflow)