如何在运行“npm install jquery”后使用jquery

时间:2017-07-19 06:22:27

标签: javascript jquery npm

您好我使用npm install jquery为我的项目安装jQuery。但我发现它位于 node_modules \ jquery 中,包含许多不需要的文件。

但我只是将 node_modules \ jquery \ dist \ jquery.min.js 放入 static \ jquery 文件夹

最好和最常见的方式是什么?手动复制和粘贴?

1 个答案:

答案 0 :(得分:1)

您可以使用npm执行此操作。在package.json中,将以下内容添加到scripts密钥

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

然后你可以运行:npm run build:jquery

您可以根据需要向此部分添加更多构建任务,例如复制图像和缩小脚本和css,然后使用npm-run-all在一个命令中将它们链接在一起:

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

和...

...
"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:*"
},
...

然后运行npm run build

npm是一个很棒的构建工具,通常会绕过对Gulp或Grunt等额外构建框架的需求。它还可以处理文件监视器等,以便在自动修改内容时进行重建。