vue.config.js 配置图片cdn异常

vue2 cil创建的项目

vue.config.js
```
const path = require('path')

module.exports = {
chainWebpack: (config) => {
// 处理图片路径
config.module
.rule('images')
.test(/\.(png|jpe?g|gif|svg)(\?.*)?$/)
.use('url-loader')
.loader('url-loader')
.options({
limit: -1,
// 根据环境使用cdn或相对路径
publicPath: 'http://cdn.com/',
// 将图片打包到dist/img文件夹下, 不配置则打包到dist文件夹下
outputPath: 'static/images',
// 配置打包后图片文件名
name: '[name].[ext]',
})
.end()

config.resolve.alias.set('@', path.join(__dirname, '/src')).set('~', path.join(__dirname, '/'))
},
}
```

页面内容
pages/index/index.vue
```

export default {
data() {
return {}
},
onShow() {},
onLoad() {},
methods: {},
}

```
编译后 src被替换为空
```

```
如何配置我需要的效果内容，不想更改manifest.json中的publicPath的路径，因为需要兼容到小程序上引用cdn图片资源