首页 > tools > webpack > > 正文

webpack css背景图片无法现实,图片路径404

发布人:zhoulujun@live.cn    点击:

项目引入sass,然后,尼玛,图片死活不显示……然后看下,尼玛,路径404,什么鬼?然后,编辑中级编辑css,是好的啊……这么到webpack里面

项目引入sass,然后,尼玛,图片死活不显示……

然后看下,尼玛,路径404,什么鬼?

然后,编辑中级编辑css,是好的啊……

这么到webpack里面,就不认图片路径了呢?

// require('normalize.css/normalize.css');
require('styles/App.scss');

import React from 'react';
// import Header from './Header';
import Title from './Title';
import Tags from './Tags';
import Popup from './Popup'

原来是要需改图片的 路径的……

比如:

改为这样:

{
  // test: /\.(png|jpg|gif|woff|woff2)$/,
  test: /\.(gif|jpg|png|woff|svg|eot|ttf)\??.*$/,
  // loader: 'url-loader?limit=8192&name=images/[hash:8].[name].[ext]'
  loader: 'url-loader?limit=8192&name=images/[name].[ext]'
},

这个就是 图片路径配置:

name=images/[name].[ext]