使用extract-text-webpack-plugin插件,提出 css 文件后,生成一个单独的 css 目录,子组件css 中图片路径, file-loader 无法正确解析!!

来源:4-7 处理图片以及其他文件

薛3

2017-05-25 14:30

http://img.mukewang.com/592679b000013f1a03620574.jpg

使用extract-text-webpack-plugin插件,提出 css 文件后,生成一个单独的 css 目录.

子组件css 中图片路径, file-loader 无法正确解析!! 

子组件图片地址是 :css/img/1.png

怎么解决呢??谢谢大家啦

写回答 关注

1回答

  • 薛3
    2017-05-25 14:35:59
    {
    loader: "file-loader",
    options: {
    name: '/[name].min.[ext]',
    outputPath: 'img',
    publicPath: '/dirt/'
    }
    },

    解决了,就是这样

webpack深入与实战

webpack实战教程,用真实项目带你探索 webpack 强大的功能

86561 学习 · 721 问题

查看课程

相似问题