home > tools > Bundler > webpack >

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

author:zhoulujun@live.cn    hits:

项目引入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]


转载本站文章《webpack css背景图片无法现实,图片路径404》, 请注明出处:https://www.zhoulujun.cn/html/tools/Bundler/webpack/2016_0819_7884.html