webpack打包时如何处理css中的url?

在css中存在一个背景图片,引入方式如下

clipboard.png
用别名的形式作为路径,但是打包后还是以别名的形式存在,而没有进行转换,但是打包后还是这种格式的话就无法正常获取图片了。
另外我在开发环境下试的时候时这个路径是会被正常解析的
为什么打包时不进行解析呢?

阅读 3.2k
2 个回答

看下发布的css loader是否一致

图片的路径设置对不对,name和publicPath拼接后的地址要对的上才行,这个根据项目实际设计修改。

    test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
    loader: 'url-loader',
    options: {
      limit: 10000,
      name: path.posix.join('static', '[name].[hash:7].[ext]'),
      publicPath: '../../'
     }
    
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题