为了账号安全,请及时绑定邮箱和手机立即绑定

webpack css分离打包后,图片的路径问题。

webpack css分离打包后,图片的路径问题。

精慕HU 2018-10-19 10:09:57
webpack应用的一个个人demo项目中,css使用了 output: {         path: path.resolve(__dirname, './build'),         filename: 'bundle.js'     },var ExtractTextPlugin = require("extract-text-webpack-plugin");...loader:      ExtractTextPlugin.extract('style-loader','css-loader?modules') test: /\.(png|jpg|jpeg|gif|svg)$/, loader: 'url-loader?limit=10000&name=images/[hash:3].[name].[ext]'...plugins里面:new ExtractTextPlugin("css/[name].css"), //生成的css样式文件当运行,或者打包的时候,图片的路径出了问题,问题如下:打包后,图片路径的引用成了css/imgages/....怎么成了这样,好奇怪!我的文件引用是background:url('../images/name.png') no-repeat 100% 100%;运行或者打包的时候成了这样了GET http://localhost:7000/css/images/827.name.png 404 (Not Found) 报错了
查看完整描述

1 回答

?
慕的地10843

TA贡献1785条经验 获得超8个赞

设置一下publicPath


查看完整回答
反对 回复 2018-11-08
  • 1 回答
  • 0 关注
  • 667 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号