• home > tools > Bundler > webpack >

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

    Author:zhoulujun@live.cn Date:

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