为了账号安全,请及时绑定邮箱和手机立即绑定

在使用了webpack的react项目中使用绝对路劲报错,只能使用相对路径

在使用了webpack的react项目中使用绝对路劲报错,只能使用相对路径

使用相对路劲很繁琐,我想使用绝对路径,但一直市404找不到资源,应该如何解决?项目结构:这是配置文件const webpack = require('webpack'); const path = require('path'); const HtmlWebpackPlugin = require('html-webpack-plugin'); module.exports = {     context: __dirname + '/src',//     entry: "./js/root.js", //已多次提及的唯一入口文件     module: {         loaders: [             {                 test: /\.js?$/,//解析所有js文件                 exclude: /(node_modules)/,//跳过这些文件                 loader: 'babel-loader?presets[]=react,presets[]=es2015,presets[]=stage-0',             },             {                 test: /\.css$/,                 //loader: 'style-loader!css-loader?modules&importLoaders=1&localIdentName=[name]_[local]_[hash:base64:5]'                 loader: 'style-loader!css-loader'             }],     },     output: {         path: __dirname + "/public/",         filename: "bundle.js",//输出这个js     },     devServer: {         contentBase: "./public", //本地服务器所加载的页面所在的目录         historyApiFallback: true, //不跳转         inline: true,         hot: true     },     plugins: [         new webpack.HotModuleReplacementPlugin()     ], }
查看完整描述

1 回答

?
李晓健

TA贡献1036条经验 获得超461个赞

你看一下相对路径时,他请求的完整路径是什么,然后配置绝对路径时在output里配置一个publicPath就行了

查看完整回答
反对 回复 2017-09-12
  • 1 回答
  • 0 关注
  • 3760 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信