How to add css/script only to a Partial view?

Question

I need to load css and scripts only to a specific Partial view but at this moment this link and scripts are loaded in all views. The structure that I have is the main view e

Answer 1

here is an instruction how to do it. I use express-handlebars with node.js.

1. create a public folder and put your all folders that include static files in it:css,img,js etc. then add this code to app.js (whatever u named it) to tell express the destination of static files.

   const path = require("path");

   app.use(express.static(path.join(__dirname, "public")));

2. In express-hndlebars, u should create views folder and inside of it, partials folder. "views/partials" here we keep our partial files. whichever partial u wanna add css , create a css file, "partialName.css" in your css folder. Since u put css folder inside the "public" folder, destination should be like this:

   "public/css/partialName.css"

add your style in this css file. 3. Linking your style file is very important. Since we gave the destination of public folders to express, express will consider the "public" folder as the root folder. so when you link, it should look like this:

4. If you are using bootstrap, to overwrite styling, u should add "!important" at the end of styling line. example:

   .card { width: 100rem !important; }