webpack-dev-server 打包后服务器输出内容当前目录

解决办法:修改webpack.config.js output的publicPath路径为
‘/’
理解:按照我的理解webpack-dev-derver 输出容默认路径应该为output path路径的根目录,如果path值为path:resolve(__dirname,‘build’),如果publicPath为“/”的话显示的是打包后入口文件的效果。

下面是output属性配置

    output:{
     
        filename:'[name].js',
        path:resolve(__dirname,'build'),
        publicPath:'./'
        //引入node的path方法 解析当前目录路径 
    },

效果图
webpack-dev-server 打包后服务器输出内容当前目录_第1张图片
修改publicPath为“/”后显示效果为
webpack-dev-server 打包后服务器输出内容当前目录_第2张图片

还是没有特别理解webpack-devServer打包后输出内容和publicPath之间的关系。请大佬们多多指教哈哈

你可能感兴趣的:(webpack)