webpack---图片打包前和打包后名称一致的配置
---------webpack.config.js------------
const config = {
entry: {
main: './src/index.js',
},
output: {
filename: 'bundle.js',
path: path.resolve(__dirname,'dist') },
module: {
rules: [
{
test: /\.(jpg|png|gif)$/, //这个配置是重点
use: {
loader:"url-loader",
options:{
name:'[name].[ext]', //打包出来的图片名字和后缀都和之前的一样
outputPath:"images/",
limit:2048 //当图片大小超过2048个字节的时候,将打包的图片存在dist/images文件夹中,否则直接改为base64格式放在bundle.js中,可以减少http请求
}
}
},
]
}
};
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步