如何在基于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://ybzwz.com/article/csoidj.html