美文网首页
output中path、publicPath的区别

output中path、publicPath的区别

作者: 陈大事_code | 来源:发表于2019-07-07 13:13 被阅读0次

作用

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/的目录下开始解析。

相关文章

网友评论

      本文标题:output中path、publicPath的区别

      本文链接:https://www.haomeiwen.com/subject/jlybhctx.html