最近发现一个问题在vue 想要自定义打包发现直接在后面加--xxx结果报错,经过一番研究发现原来需要先定义配置以后在文件中才可以获取到,不扯太多进入正题;
如我要加一个user=666
先在 config 目录中找到 dev.env.js
然吧 user 定义在 merge一个扩展配置中如图
USER: process.env.npm_config_user||0
这句话就是我自定义的
'use strict'
const merge = require('webpack-merge')
const prodEnv = require('./prod.env')
module.exports = merge(prodEnv, {
NODE_ENV: '"development"',
MODE: '"development"',
PATH: '"development"',
USER: process.env.npm_config_user||0,
})
然后在控制台 执行
npm run dev --user=666
或在 package 文件中加启动方法
"user": "npm run dev --user=666"
package.json
"scripts": {
"dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
"start": "npm run dev",
"build": "node build/build.js",
"user": "npm run dev --user=666"
},
最后在src 的 main.js 直接打印 就可以随时获取啦,是不是很简单。
console.log(process.env);