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)
報錯了
webpack css分離打包后,圖片的路徑問題。
精慕HU
2018-10-19 10:09:57