Purpose of installing Twitter Bootstrap through npm?

by

If you NPM those modules you can serve them using static redirect.

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("https://stackoverflow.com/", 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="https://stackoverflow.com/css/bootstrap.min.css">
<script src="/js/jquery.min.js"></script>
<script src="/js/bootstrap.min.js"></script>

I would not serve pages directly from the folder where your server.js file is (which is usually the same as node_modules) as proposed by timetowonder, that way people can access your server.js file.

Of course you can simply download and copy & paste on your folder, but with NPM you can simply update when needed… easier, I think.

More Related Contents:

  1. How to include scripts located inside the node_modules folder?
  2. npm WARN package.json: No repository field
  3. npm can’t find package.json
  4. Error “npm WARN package.json: No repository field”
  5. What is the difference between res.send and res.write in express?
  6. Difference between `npm start` & `node app.js`, when starting app?
  7. How to organise file structure of backend and frontend in MERN
  8. How to store a file with file extension with multer?
  9. Unable to delete data from mongoDB
  10. How can I update NodeJS and NPM to their latest versions?
  11. Local dependency in package.json
  12. How to set environment variables from within package.json?
  13. “message failed to fetch from registry” while trying to install any module
  14. npm ERR! Error: EPERM: operation not permitted, rename
  15. ERR_HTTP_HEADERS_SENT: Cannot set headers after they are sent to the client
  16. How to separate routes on Node.js and Express 4?
  17. What is the difference between –save and –save-dev?
  18. Error installing bcrypt with npm
  19. Cannot POST / error using express
  20. Node.js (with express & bodyParser): unable to obtain form-data from post request
  21. Print raw html strings on EJS
  22. error: This is probably not a problem with npm. There is likely additional logging output above
  23. MongoNetworkError: failed to connect to server [localhost:27017] on first connect [MongoNetworkError: connect ECONNREFUSED 127.0.0.1:27017]
  24. Why can I execute code after “res.send”?
  25. How to deploy node app that uses grunt to heroku
  26. How to make the webpack dev server run on port 80 and on 0.0.0.0 to make it publicly accessible?
  27. GYP ERR! build error. stack Error: ‘make’ failed with exit code 2
  28. How to know if user is logged in with passport.js?
  29. What is the pwa-node type launch configuration on VSCode?
  30. Node.js: how to limit the HTTP request size and upload file size?

Leave a Comment