如何在基于vue-cli的项目自定义打包环境-创新互联

在工作当中，遇到了下面这个问题：

目前创新互联公司已为上1000家的企业提供了网站建设、域名、网络空间、网站托管、服务器租用、企业网站设计、曲松网站维护等服务，公司将坚持客户导向、应用为本的策略，正道将秉承"和谐、参与、激情"的文化，与客户和合作伙伴齐心协力一起成长，共同发展。

测试环境与生产环境中的用户权限不一样，因此，就需要根据测试环境打一个包，生产环境又打一个包。

可是，如果每次打包都需要更改权限的配置文件的话，会很麻烦，而且，体现不出一个coder该有的逼格。

为了更有逼格地解决这个问题，于是我百度了一番，上天不负有心人，让我找到了解决方案。

在详叙解决方案之前，先简单介绍下解决方案当中使用到的工具：cross-env,webpack.DefinePlugin

cross-env是给process.env当中添加变量的，那process.env又是什么呢？

process是一个控制node.js的进程，它是一个global对象，包含进程相关的一些信息，而process.env则是包含用户环境信息的一个对象，例如下面这样的对象：

{
 TERM: 'xterm-256color',
 SHELL: '/usr/local/bin/bash',
 USER: 'maciej',
 PATH: '~/.bin/:/usr/bin:/bin:/usr/sbin:/sbin:/usr/local/bin',
 PWD: '/Users/maciej',
 EDITOR: 'vim',
 SHLVL: '1',
 HOME: '/Users/maciej',
 LOGNAME: 'maciej',
 _: '/usr/local/bin/node'
}

文章名称：如何在基于vue-cli的项目自定义打包环境-创新互联
网站URL：http://mswzjz.cn/article/csoidj.html