javascript - 运行 "npm install jquery"后如何使用jquery

Question

嗨，我使用 npm install jquery 为我的项目安装 jQuery。但我发现它位于 node_modules\jquery 中，其中有很多不需要的文件。

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

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

Answer 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)。它还可以处理文件观察器等，以便在自动修改内容时进行重建。