[4] 几个配置项

78 阅读1分钟

yarn run serve 内部也会执行build指令。
你本地跑的代码就是经过webpack构建过后的代码。看build后的目录是路径

本地代码打包丢到服务器上,你访问awp.sss.com/ffe/insuran…,

其实就是向awp.sss.com:443服务器/ffe/insuran…

image.png

服务器返回index.html后,浏览器开始解析该html下的内容,遇到script link 等去请求改资源。

不管什么环境,你项目跑的是你打包后的东西,也就是build/dist目录下的内容。

url = path(host) + publicPath子路径 + indexPath(index.html路径)
域名的跟路径 + ffe/项目名称【talos注入的】 + indexPath。

  • outputDir = webapck中的outPut.path

    当运行 vue-cli-service build 时生成的生产环境构建文件的目录。默认是dist。

  • publicPath = webapck中的outPut.publicPath -设置子路径。

    默认情况下,Vue CLI 会假设你的应用是被部署在一个域名的根路径上,例如 www.my-app.com/

    如果应用被部署在一个子路径上,你就需要用这个选项指定这个子路径。例如,如果你的应用被部署在 www.my-app.com/my-app/,则设置 publicPath 为 /my-app/。

  • indexPath

    指定生成的 index.html 的输出路径 (相对于 outputDir)。也可以是一个绝对路径。默认'index.html'。

    indexPath: 'pages/index/index.html'
    

    在build目录下,新建了pages/index/index.html了

  • 多页面

image.png pages下的chunks是指这个页面会引入那些打包后的js文件。