npm run build 命令添加参数来打包不同接口域名

npm run build 命令添加参数来打包不同域名

步骤一:config\dev.env.js加上HOST: ‘“dev”’

npm run build 命令添加参数来打包不同接口域名_第1张图片
步骤二:config\prod.env.js加上HOST: ‘"’+HOST+’"’

npm run build 命令添加参数来打包不同接口域名_第2张图片

步骤三:在配置域名的文件进行如下逻辑处理

npm run build 命令添加参数来打包不同接口域名_第3张图片

执行命令: npm run build – test,注意test 与 – 之间一定要有空格

npm run build 命令添加参数来打包不同接口域名_第4张图片
多个域名配置:
npm run build 命令添加参数来打包不同接口域名_第5张图片
执行命令: npm run build – dev,注意dev与 – 之间一定要有空格

npm run build 命令添加参数来打包不同接口域名_第6张图片
执行命令: npm run build – demo,注意demo与 – 之间一定要有空格
在这里插入图片描述

npm run build 命令添加参数来打包不同接口域名_第7张图片

npm run build 打包后,如何运行在本地查看效果

将config\index.js文件中build对象下的assetsPublicPath中的“/”,改为“./”即可,就在前面加个点就可以了,

npm run build 命令添加参数来打包不同接口域名_第8张图片
将build好的dist/index.html文件拖拽至浏览器中即可实现效果

npm run build 命令添加参数来打包不同接口域名_第9张图片

你可能感兴趣的:(webpack,前端)