首页IT科技脚本是前端还是后端(【前端工程化】配置package.json中scripts命令脚本,新手必学)

脚本是前端还是后端(【前端工程化】配置package.json中scripts命令脚本,新手必学)

时间2025-05-03 00:44:49分类IT科技浏览3504
导读:每日鸡汤:你总要努力追上那个曾经被赋予众望的自己吧...

每日鸡汤:你总要努力追上那个曾经被赋予众望的自己吧

目录

前言

一          、运行npm run 命令之后会干啥?

1. scripts里面写啥

2. node_modules/.bin 二进制可执行文件

二              、运行插件配置

1. 运行某个npm包的命令

2. 多个命令一起运行

 总结

前言

配置package.json中scripts脚本是node开发中第一技能         。

预警***菜鸟必看         ,大佬请绕道              ,菜鸟必看     ,大佬请绕道         ,菜鸟必看              ,大佬请绕道****预警

一    、运行npm run 命令之后会干啥?

1. scripts里面写啥

package.json文件中的scripts属性是用来运行npm run 命令的     ,凡是配置了的属性xx    ,都可以用npm run xx进行运行              。

这个xx代表你可以随意写什么名字              ,但是我们一般都按照一个规范写          ,比如开发运行:dev    ,构建:build             ,测试:test等     。

图(1)

scripts属性的值          ,才是真正运行的命令,这个可不能瞎写 

上面图片意味着             ,在执行npm run wosuibianqidemingzi的时候会执行这个命令

node esbuild.config.js

题外话:

在node的环境中              ,可以直接在命令行,使用node 运行一个脚本(如         ,xx.js)              ,语法就是

node xx.js

这个应该都知道吧     ,我们众所周知的使用node -v 来查看当前node版本         ,是一个道理的         。

所以我们可以直接运行一个js脚本              ,正如你所见     ,我的项目中有一个名字为【esbuild.config.js】的文件    ,同时我配置了图(1)的scripts脚本中的命令我就可以直接运行:

这个实际上和直接运行esbuild.config.js这个文件有一样的效果

另外              ,我们在scripts中可以配置其他包的命令          ,而不是一个js文件    ,比如我配置了esbuild的打包命令

esbuild app.jsx --bundle --outfile=out.js

2. node_modules/.bin 二进制可执行文件

node_modules/.bin下面的文件都是二进制可执行文件             ,比如就有我们刚才安装的esbuild              。这篇文章讲的很好          ,建议认真看一下,你就会懂了

运行npm run命令的时候会发生什么?-云社区-华为云运行`npm run`命令之后会发生什么呢             ,本文就来啦;本文会分为:script字段     、 .bin目录下的软链接     。https://bbs.huaweicloud.com/blogs/352669总结一下:

npm 命令只有start 不用加run就能用              ,比如直接在命令行输入npm start就好,其他的需要npm run xxx才能运行起来    。 安装的包(如esbuild)想要直接运行         ,只需要全局安装npm i esbuild -g 就可以直接用了

二              、运行插件配置

1. 运行某个npm包的命令

最近在学esbuild              ,我在照葫芦画瓢     ,按照vite项目配置         ,我有一个vite项目是这样配置的

"scripts": { "dev": "vite --config ./config.js", }

 注意!!不是所有命令的后面都可以加--config              。因为这个是取决于前面的命令              ,是否提供这个参数的     ,很显然vite可以这样写    ,是因为人家有这个参数              ,看一下vite官网

但是esbuild是不提供这个参数的

 那么问题来          ,我想用这个文件esbuild.config.js里面的代码打包某些文件    ,并且用npm run 命令咋办?很简单             ,直接写node esbuild.config.js就行!!

2. 多个命令一起运行

使用【&&】链接两个命令

// 执行完node ./esbuild.config.js          ,再执行node index.js "scripts": { "wosuibianqidemingzi": "node ./esbuild.config.js && node index.js", "test": "echo \"Error: no test specified\" && exit 1" },

你还可以在命令中加入其他的命令,比如cd folder 跳转到folder文件夹

// 执行完node index.js             ,再到script文件夹下面执行node main.js "scripts": { "wosuibianqidemingzi": "node index.js && cd script && node main.js", "test": "echo \"Error: no test specified\" && exit 1" },

关于node的更多知识              ,请看node官网          。

 总结

使用任何一个包,先看官方文档         ,看不懂英文就谷歌翻译 所有的插件              ,npm包的使用都是大同小异     ,比如常见的打包工具         ,webpack              ,vite他们的配置都有相似之处     ,你需要多多使用    ,好好体会    。

创心域SEO版权声明:以上内容作者已申请原创保护,未经允许不得转载,侵权必究!授权事宜、对本内容有异议或投诉,敬请联系网站管理员,我们将尽快回复您,谢谢合作!

展开全文READ MORE
网站快速收录提交工具(网站怎么收录:提升排名的秘诀) linux搭建web服务器流程(手拉手教您Linux搭建web)