webpack---图⽚打包前和打包后名称⼀致的配置---------fig.js------------
webpack打包流程 面试const config = {
entry: {
main: './src/index.js',
},
output: {
filename: 'bundle.js',
      path: solve(__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请求
            　}
}
},
]
}
};

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。