webpack中的publicPath

webpack中的publicPath一共存在两个地方

output: {

    filename: "bundle.[hash].js", // 1.打包后的文件名
    publicPath: "/assets/"  // 表示项目打包后项目存在在服务器的地址
    path: path.resolve(__dirname, "dist")
    
    // 将这个打包后的文件存在在服务器的哪个地址中
    // 由两个属性确定：publicPath先确定项目的文件夹， path确定这个文件在这个文件夹下的具体地址
    // 例如这里的publicPath为/assets/，表示项目打包后存在服务器根目录下的/assets/文件夹中
    // 注意：publicPath的值必须前后存在 / 
    
}

如下图：我们整个项目只打包一个js文件，文件名为bundle.js,然后html需要通过src引入，引入地址为服务器根目录下的/assets文件夹下的对应bundle.js文件。

核心点：要记住，打包后文件存在的地方由两个属性确定：1.项目存放的基础目录 2.基础目录下的js文件目录