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) 报错了
慕的地10843
相关分类