npm run命令传递参数及如何获取这些参数

原创已于 2022-05-26 22:24:22 修改 · 8.6k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#npm #webpack #node.js

于 2022-05-26 14:46:29 首次发布

webpack 同时被 3 个专栏收录

44 篇文章

订阅专栏

nodejs

26 篇文章

订阅专栏

NPM

15 篇文章

订阅专栏

本文介绍如何通过npm命令行传递参数到项目中，并利用process.env.NODE_ENV进行环境变量配置，实现自动化调整数据请求地址等功能。

一、传递：

格式

npm run demo  -- --url=http://www.baidu.com

demo替换成自己的命令，注意后面的参数必须是两个-- --key=value

二、获取

将process.env.NODE_ENV全局化：

如果在业务代码中，需要根据开发环境，动态改变数据请求地址，会更加自动化，所以不仅仅在打包配置中我们需要使用 process.env.NODE_ENV，在其他模块中，仍要使用它，则需要将其全局化。

在webpack.config.js中

...
const webpack = require('webpack');
...
module.exports = {
  configureWebpack: {
    plugins: [
      new webpack.DefinePlugin({
        "process.argv": JSON.stringify(process.argv)
      })
    ]
  }
}
...

这样在其它js文件中，比如main.js中就可以直接使用了：

process.argv

['C:\\Program Files\\nodejs\\node.exe', 'E:\\workspace\\widget\\vue2\\node_modules\\@vue\\cli-service\\bin\\vue-cli-service.js', 'serve', '--map=china', '--url=http://www.sohu.com']