vue打包文件名修改
时间: 2023-09-25 20:12:09 浏览: 237
webpack + vue 打包生成公共配置文件(域名) 方便动态修改
根据提供的引用内容,可以看出修改Vue打包文件名的步骤如下:
1. 在项目根目录下创建.env.development和.env.production文件,分别用于开发环境和生产环境的配置。
2. 在.env.development文件中,设置VUE_APP_NAME为开发环境的打包文件名,设置VUE_APP_URL为开发环境的请求地址。
3. 在.env.production文件中,设置VUE_APP_NAME为生产环境的打包文件名,设置VUE_APP_URL为生产环境的请求地址。
4. 在request.js文件中,使用process.env.VUE_APP_URL来设置Axios的baseURL,以便根据环境变量来动态设置请求地址。
5. 在package.json文件的scripts对象中配置不同的打包命令,根据不同的mode来选择不同的打包环境。
6. 在Vue.config.js文件中,根据环境变量VUE_APP_NAME来设置打包文件名。
7. 运行相应的命令来启动服务或进行打包,根据需要选择不同的环境和打包命令。
请注意,如果修改了.env配置文件,需要重新启动服务或下载插件进行监听才能生效。
阅读全文