npx vue-cli-service inspect --mode development >> webpack.config.development.js 生成vue的webpack配置
url-loader和 file-loader
{
test: /.(png|jpg|gif|jpeg)$/,
use: [
{
loader: 'url-loader',
options: {
// 当加载的图片, 小于limit 4.096kb时, 会将图片编译成base64字符串形式.
// 当加载的图片, 大于limit 4.096kb时, 需要使用file-loader模块进行加载.
limit: 4096,（单位字节）
// [ext]:表示原始文件名的后缀。[name]:表示原始文件名。[hash:8]:为了防止图片名称冲突，依然使用hash，但是我们只保留8位
name: 'img/[name].[hash:8].[ext]'
},
}
]
},
