怎么进行vuecli3配置开发以及测试环境-创新互联
今天就跟大家聊聊有关怎么进行vue cli3配置开发以及测试环境,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。
创新互联坚持“要么做到,要么别承诺”的工作理念,服务领域包括:成都网站建设、网站制作、企业官网、英文网站、手机端网站、网站推广等服务,满足客户于互联网时代的合川网站设计、移动媒体设计的需求,帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴!cli3创建vue项目是精简版的少了build和config这2个文件,所以配置开发环境、测试环境、生产环境的话需要自己创建env文件。
vue-cli3配置开发环境、测试环境、线上环境
在package.json文件中添加
"scripts":{
"serve":"vue-cli-serviceserve",//调用开发api
"build":"vue-cli-servicebuild",//上线
"test":"vue-cli-servicebuild--modetest",//需要添加的内容,测试
},
在根目录下创建.env文件,并配置
NODE_ENV='production'
VUE_APP_FLAG='pro'//vue代码可以直接使用VUE_APP_名字
在根目录下创建.env.test文件
NODE_ENV='production'
VUE_APP_FLAG='test'
outputDir=test//可以更改打包时输出的目录名字,默认为dist
在根目录下创建vue.config.js
vue-cli3复制代码
module.express={
baseUrl:process.env.NODE_ENV==='production'?'/static/':'./',
devServe:{
port:8080,
//disableHostCheck:true,//处理host不识别问题
},
baseUrl:'/',//基本路径,不要随意更改
outputDir:process.env.outputDir,//打包生成目录
assetDir:'static',
lintOnSave:false,
runtimeCompiler:true,//是否使用包含运行时编译器的Vue构建版本
productionSourceMap:false,//生产环境的sourcemap
}
看完上述内容,你们对怎么进行vue cli3配置开发以及测试环境有进一步的了解吗?如果还想了解更多知识或者相关内容,请关注创新互联行业资讯频道,感谢大家的支持。
新闻名称:怎么进行vuecli3配置开发以及测试环境-创新互联
URL地址:http://pwwzsj.com/article/cshisd.html