webpack 中使用圖片

1. config中須要用file-loader支持文件處理

 module: {
		rules: [
                        ...
			{
				test: /\.(png|svg|jpg|ico|gif|bmp|pdf|jpe?g)$/,
				use: [
					//'file-loader'
				
					{
						loader:'file-loader',
						options:{
							name:'[name].[ext]',
							outputPath:'img2/'
							//publicPath:'img/'
						}
					}
				
				]
			},
			...
		]
	},

2. css中使用圖片

   直接調用本地路徑，如：background-image: url(../../src/img/bg_ad_33.jpg);

 

3. js[x]代碼中使用圖片

   使用require，如：<img src={require("../src/img/arrow_down.png")} />