webpakc打包图片的时候出现问题,求解决。

用webpack打包图片的时候莫名出现问题,图片指向的地址看不出来错误,却不能显示图片。

webpack配置

output: {

    path: './build',
    publicPath:'/build/',
    filename: 'build.js'
},
module: {

    loaders: [
        {
            test: /\.vue$/,
            loader: 'vue'
        },
        {
            test: /\.js$/,
            loader: 'babel',
            exclude: /node_modules/
        },
        {
            test: /\.(png|jpg|gif)$/,
            loader:'url?limit=8192',
        }
    ]
},

这是debug上图片的地址显示

clipboard.png

这是build文件夹的图片

clipboard.png

引用图片的地方

clipboard.png
]

已经切换好几次的webpack配置,从无publicPath到有,还是不惜ing,不知道是不是路径问题,刚入门webpack两天表示自己傻傻的,求帮助。

阅读 2.6k
1 个回答

你有木有看到你的 background 写错了呢 你写成 bakc了

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题