您好!欢迎来到聚码网

聚码网

热门搜索: 相亲小程序    搭子源码    直播系统自有商城   
  • 引用图片路劲问题
  • 聚码交流
  • 0 1
  • yhuxAvNbtxUM
    0000-00-00 00:00:00
  • 回帖
图片的引用:<imgsrc="../assets/image/setting.png"/>目录结构:写的相对路劲,为什么图片没有显示出来?console提示:webpack:varpath=require("path");varwebpack=require("webpack");varHtmlWebpackPlugin=require("html-webpack-plugin");module.exports={entry:["react-hot-loader/patch","webpack-dev-server/client?http://0.0.0.0:3000","webpack/hot/only-dev-server","babel-polyfill","whatwg-fetch","./src/index"],devServer:{hot:true,contentBase:path.resolve(__dirname,"dist"),port:3000,host:"0.0.0.0",publicPath:"/",historyApiFallback:true,disableHostCheck:true,proxy:{"/agent":{target:"http://dn4:19000",changeOrigin:true,},"/api":{target:"http://dn4:19989",changeOrigin:true,},"/sign":{target:"http://dn4:19000",changeOrigin:true,},"/file":{target:"http://dn4:19000",changeOrigin:true,},}},output:{path:path.join(__dirname,"dist"),publicPath:"/",filename:"app.[hash].js"},devtool:"eval",module:{rules:[{test:/\.js$/,exclude:/node_modules/,loader:"babel-loader",options:{presets:[["es2015",{"modules":false}],"stage-0","react"],plugins:["transform-async-to-generator","transform-decorators-legacy",["import",{"libraryName":"antd","style":true}]]}},{test:/\.scss|css$/,use:["style-loader","css-loader","postcss-loader","resolve-url-loader","sass-loader?sourceMap"]},{test:/\.less$/,use:[{loader:"style-loader"//createsstylenodesfromJSstrings},{loader:"css-loader"//translatesCSSintoCommonJS},{loader:"less-loader",options:{modifyVars:{"primary-color":"#0183ff","font-size-base":"16px",}}//compilesLesstoCSS}]},{test:/\.(jpe?g|png|gif|svg)$/i,use:["file-loader?hash=sha512&digest=hex&name=[hash].[ext]",{loader:"image-webpack-loader",options:{progressive:true,optimizationLevel:7,interlaced:false,pngquant:{quality:"65-90",speed:4}}}]},{test:/\.woff(2)?(\?v=[0-9]\.[0-9]\.[0-9])?$/,use:"url-loader?limit=10000&mimetype=application/font-woff"},{test:/\.(ttf|eot|svg)(\?v=[0-9]\.[0-9]\.[0-9])?$/,use:"file-loader"}]},plugins:[newwebpack.NamedModulesPlugin(),newwebpack.HotModuleReplacementPlugin(),newHtmlWebpackPlugin({hash:false,template:"./index.hbs"}),newwebpack.ContextReplacementPlugin(/moment[\/\\]locale$/,/nb/)]};原因找到了:contentBase:path.resolve(__dirname,"dist"),路劲应该写相对于dist的路径但是现在又有一个问题!这样写在生产环境肯定是显示不了图片的!我不打算将静态资源放在/dist下,楼下说了static文件的方法,这个应该要配置webpack,有没有朋友分享一下
最近热帖
近期热议
联系我们
Q Q:317563994
电话:400-000-000
邮箱:317563994@qq.com
时间:09:00 - 17:00