webpack打包后,静态资源请求返回404,路径错误。

正确路径为: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
阅读 3.1k
1 个回答
          "@image":path.resolve(__dirname,'../client/static/images/'),
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题