您好,匿名用户

webpack打包react的图片路径问题

0 投票

我在react组件里面引入图片或是css背景图片这种,用webpack打包出来,路径总是不对

        entry:'./src/entry.js',
output:{
    path:__dirname + '/assest/',
    filename:'app.js',
    publicPath:'/temp/assest'
},
module:{
    loaders:[
        {
            test: /\.js?$/,
            exclude: /(node_modules|bower_components)/,
            loader: 'babel',
            query: {
                presets: ['es2015', 'react','stage-1','stage-2','stage-3']
            }
        },
        {
            test:/\.less$/,
            loader: extractTextWebpackPlugin.extract('style-loader','css-loader!less-loader')//分离出css
        },
        {
            test:/\.jpg|.png$/,
            loader:'file-loader?limit=5000&name=../img/[hash:8].[name].[ext]'
        },
        {
            test:/\.html$/,
            loader:'html-loader'
        }
    ]
},

这个是webpack的简单配置,还请指教这图片路径的问题怎么去弄呢

用户头像 提问 2017年 6月7日 @ Nunu 中士 (1,305 威望)
分享到:

1个回答

0 投票

你这份配置的意思是说你的实际文件输出到了当前项目的/assets/下去了,然而,你的图片路径经过打包却是/temp/assets/,不知道你是以哪个目录启的server,那个server目录下有temp目录么

用户头像 回复 2017年 6月7日 @ Mordekaiser 中士 (1,242 威望)
提一个问题:

相关问题

0 投票
1 回复 187 阅读
0 投票
1 回复 90 阅读
0 投票
1 回复 116 阅读
用户头像 提问 2017年 3月24日 @ Cancer 中士 (1,211 威望)
0 投票
1 回复 335 阅读
用户头像 提问 2017年 5月24日 @ Apollo 下士 (749 威望)
0 投票
1 回复 273 阅读

欢迎来到随意问技术百科, 这是一个面向专业开发者的IT问答网站,提供途径助开发者查找IT技术方案,解决程序bug和网站运维难题等。
温馨提示:本网站禁止用户发布与IT技术无关的、粗浅的、毫无意义的或者违法国家法规的等不合理内容,谢谢支持。

欢迎访问随意问技术百科,为了给您提供更好的服务,请及时反馈您的意见。
...