一个简单的webpack图片打包输出问题，要疯了。

问题描述

问 题

为什么我的图片没有输出到dist目录呀。

// webpack.config.js
{
  test: /\.(png|jpg|gif)$/,
  loader: 'url-loader?limit=8192&name=./img/[hash].[ext]'
}

// .css
.img1 {
  background: url('/img/img1.jpg');
}

// 打包输出
Hash: f9a3c4e85706690d0044
Version: webpack 1.14.0
Time: 7819ms
     Asset       Size  Chunks             Chunk Names
 bundle.js     743 kB       0  [emitted]  main
  main.css  135 bytes       0  [emitted]  main
index.html  329 bytes          [emitted]
Child html-webpack-plugin for "index.html":

我记得以前都会输出图片文件到dist目录的呀，难道我调了什么东西？百思不得其解。

解决方案

似乎是我引用图片的方式错了。前面加点就正确了。

/* yes */
div {
    background: url(./m.jpg) no-repeat;
}

/* no */
div {
    background: url(/m.jpg) no-repeat;
}

这篇关于一个简单的webpack图片打包输出问题，要疯了。的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！