正确路径为:http://localhost:3000/static/images/category2.png
;
请求路径为:http://localhost:3000/static/category2.png
;
这是个什么问题,怎么处理?
let baseConf = {
output:{
path:path.resolve(__dirname,'../dist'),
// 引用静态资源文件路径
publicPath: '/static/'
},
module:{
rules: [
{
test: /\.jsx$/,
loader: "babel-loader"
},
{
test: /\.(png|jpe?g|gif)(\?.*)?$/,
loader: 'url-loader',
options: {
limit:2048,
name:"[name].[ext]",
outputPath:"images/",
publicPath:"/static/"
}
},
]
},
devtool:process.env.NODE_ENV ==='develop'?"cheap-module-source-map":"",
resolve: {
alias: {
"@style":path.resolve(__dirname,'../client/styles'),
"@pages":path.resolve(__dirname,'../client/pages'),
"@components":path.resolve(__dirname,'../client/components'),
"@store":path.resolve(__dirname,'../client/store'),
"@image":path.resolve(__dirname,'../client/static/images'),
"@utils":path.resolve(__dirname,'../client/utils'),
"@clientConfig":path.resolve(__dirname,'../client/config'),
"@serverConfig":path.resolve(__dirname,'../config'),
"@vendor": path.resolve(__dirname,'../client/vendor'),
'@plugins':path.resolve(__dirname,'../client/plugins'),
},
extensions: ['.js','.jsx','.css','.less']
},
}
module.exports = baseConf