在使用了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就行了