iview-admin打包分离配置文件

当iview项目npm run build打包后,一旦更换了后端地址,都需要重新修改源码,重新打包,本文记录了如何将配置文件提取出来并不被压缩。

修改vue.config.js文件

1
2
3
4
5
6
7
8
9
10
11
12
添加以下内容
const CopyWebpackPlugin = require('copy-webpack-plugin')

configureWebpack: config => {
config.plugins.push(new CopyWebpackPlugin(
[{
from: 'src/static',
to: 'static'
}
]))
}
以上内容from表示要拷贝的源码内容,to表示要拷贝到的目标目录

添加目录

1
在源码的src目录下创建static文件夹,将配置文件放在static文件夹下。

修改源码

1
2
3
4
在需要获取该配置文件的代码中使用该配置文件,static目录下的文件不可通过require或者import的方式引入文件,可以通过http请求静态资源的方式。
import axios from 'axios'
axios.get('/static/version.json').then(res => {
})

打包

1
2
npm run build
此时在打包后的dist目录下会多一个static目录,可以通过修改该目录下的配置文件而不需要重新修改源码达到更改配置的目的。
ulysses wechat
订阅+