在package.json文件scripts自定义脚本命令,简化webpack打包命令

Node项目一般都有一个package.json文件,该文件用于描述当前项目,其中有一个scripts属性,该属性可以自定义脚本命令,例如我们使用node运行app.js文件的命令为:node app.js,那么可以在scripts里添加自定义脚本为:

"dev": "node app.js"

之后就可以使用npm run dev来运行该脚本命令,这样有什么好处呢?如果命令行很短,好处当然不明显了,但是如何命令行很长呢?那么我们可以在这里添加每次都需要执行的命令,然后只需要使用npm run name就可以运行一个很长的命令了。
1、创建package.json文件如果你的项目还没有package.json文件,可以使用npm init创建一个,或者使用npm init –y快速创建,如下图:
在package.json文件scripts自定义脚本命令,简化webpack打包命令

文章图片
2、在package.json文件中自定义脚本命令在package.json文件中找到scripts属性,默认会有test脚本命令,或者会有start命令,这里创建一个读取文件的fs.js文件,代码如下:
const fs = require("fs"); fs.readFile(__dirname + "/package.json", "utf-8", function(error, data){ if(error) console.log("read file error."); else console.log(data.toString()); });

接着,我们自定义一个执行fs.js文件的脚本命令,如下:
在package.json文件scripts自定义脚本命令,简化webpack打包命令

文章图片
最后,在命令行中输入npm run build即可运行fs.js文件,如下:
在package.json文件scripts自定义脚本命令,简化webpack打包命令

文章图片
3、简化webpack打包命令安装了webpack和webpack-dev-server后,在scripts中添加一下打包命令:
在package.json文件scripts自定义脚本命令,简化webpack打包命令

文章图片
然后就可以在命令行中输入npm run build/dev执行webpack打包了
【在package.json文件scripts自定义脚本命令,简化webpack打包命令】以上就是在node项目package.json文件中scripts自定义脚本命令的内容,希望可以帮到你。

    推荐阅读