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

Question

使用相对路劲很繁琐，我想使用绝对路径，但一直市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()     ], }

Answer 1

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