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

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)
报错了


精慕HU
浏览 668回答 1
1回答

慕的地10843

设置一下publicPath
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript