output中path、publicPath的区别

作用

path: 规定所有输出文件的目标路径，通常来说就是我们的dist文件夹。

publicPath： 规定服务器开始解析的目录。

区别

• path是指webpack打包之后的文件路径，所有经过打包之后的文件都会在该路径下，且必须是绝对路径

  因此常用：

  output: {
    path: path.resolve(_dirname, "../dist")
  }
  

  说明：

  这里的"../dist"不是固定的，根据你想输出的dist文件夹位置以及webpack入口文件的相对位置而定，一般默认是放在项目的根目录下。

  _dirname指当前文件在硬盘中绝对路径的目录，例如：/a/b/demo1.js 的 _dirname为 /a/b

• publicPath对于打包路径不会有任何影响，如果不设置，则有可能会导致静态资源，如图片找不到的情况。

  具体操作：

  // demo1
  output: {
      ...
      publicPath: '/my-app/'
  }
  

  说明：

  默认为“/”，即index.html以及其他静态资源包直接在nginx/html的目录下。如果规定路径为“/my-app”，则从nginx/html/my-app/的目录下开始解析。