在项目中使用图片方式有
1)在js中创建图片来了引入
2)在css中引入background:url('')
3)<img src=''>
-
安装插件
- npm install file-loader --save-dev
- npm install url-loader --save-dev
module.exports = {
module: {
rules: [
{
test: /\.(png|jpg|gif)$/i,
use: [
{
loader: 'url-loader',
options: {
limit: 8192,//当图片小于8k,用base64来转化图片
outputPath:'img/'//图片打包后的输出路径
},
},
],
},
],
},
};