how to use jquery after running "npm install jquery"

Question

Hi I use npm install jquery to install a jQuery for my project.but i find it is located in node_modules\jquery with many unwanted files.

but I just wana put node_modules\jquery\dist\jquery.min.js into static\jquery folder

what is the best and common way? copy and paste manually?

Do you use a build system such as gulp or grunt? If so, they will let you copy the file or incorporate it in a concatenated script. — mingos
– mingos, Commented Jul 19, 2017 at 9:35

OK sure · Accepted Answer · 2017-07-20 15:27:45Z

3

You can use npm to do this. In your package.json, add the following to the scripts key

...
"scripts": {
    "build:jquery": "cp node_modules/jquery/dist/jquery.slim.min.js static/jquery/"
},
...

Then you can run: npm run build:jquery

You can add more build tasks to this section as you need them such as copying images and minifying scripts and css, then chain them together in a single command with npm-run-all:

$ npm install npm-run-all --save-dev

And...

...
"scripts": {
    "build:jquery": "cp node_modules/jquery/dist/jquery.slim.min.js static/jquery/",
    "build:images": "cp -R src/assets/images/ static/images/",
    "build": "npm-run-all -p build:*"
},
...

Then run npm run build

npm is a great build tool and often bypasses the need for an additional build framework such as Gulp or Grunt. It can also handle file watchers and such to rebuild when things are modified automatically.

edited Jul 20, 2017 at 15:27

answered Jul 19, 2017 at 9:30

OK sure

2,66619 silver badges30 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

how to use jquery after running "npm install jquery"

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related