个性化阅读
专注于IT技术分析

在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快速创建,如下图:

使用npm init命令创建package.json文件

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自定义脚本命令

最后,在命令行中输入npm run build即可运行fs.js文件,如下:

npm run执行自定义脚本命令

3、简化webpack打包命令

安装了webpack和webpack-dev-server后,在scripts中添加一下打包命令:

简化webpack打包命令

然后就可以在命令行中输入npm run build/dev执行webpack打包了

以上就是在node项目package.json文件中scripts自定义脚本命令的内容,希望可以帮到你。

赞(1)
未经允许不得转载:srcmini » 在package.json文件scripts自定义脚本命令,简化webpack打包命令

评论 抢沙发

评论前必须登录!