uniapp 最新 h5 自定义配置文件不参与打包,让外部有个配置文件能修改并且直接生效

最新的Uniapp版本已经支持H5自定义配置文件不参与打包，这样就可以让外部配置文件进行修改并且直接生效。

Uniapp是一个跨平台的开发框架，可以同时开发多个平台的应用程序，包括H5、小程序、App等。在H5中，我们可以通过外部配置文件来进行一些全局配置的修改，比如接口地址的修改、主题颜色的修改等。

首先，我们在Uniapp的项目中创建一个独立的配置文件，可以是JSON格式或者其他格式，命名为config.js。

在config.js中，我们可以定义需要修改的配置项，比如接口地址的URL、主题颜色的颜色值等。例如：

export default {
  apiUrl: 'http://api.example.com',
  themeColor: '#ff0000'
}

然后，我们在H5的入口文件main.js中引入这个配置文件，并将其挂载到Vue的原型上。例如：

import Vue from 'vue'
import App from './App'
import config from './config'

Vue.prototype.$config = config

Vue.config.productionTip = false

App.mpType = 'app'

const app = new Vue({
  ...App
})
app.$mount()

这样，我们就可以在整个项目中通过this.$config来访问和修改配置文件的内容了。

比如，在一个组件中，我们可以通过this.$config.apiUrl来获取接口地址，并使用它来发送网络请求。同时，外部可以通过修改config.js文件中的apiUrl的值来动态修改网络请求的目标地址。

这样，在外部修改config.js后，在H5中刷新页面，配置文件的修改就会生效，从而实现了外部配置文件的动态修改和生效。这样，我们就可以方便地调整应用程序的配置，而不需要重新打包发布。