美文网首页
vue.config.js配置

vue.config.js配置

作者: Fiore | 来源:发表于2020-06-24 15:03 被阅读0次

    1.介绍

    引用内容Vue CLI

    vue.config.js是一个可选的配置文件,如果项目的(和package.json同级的)根目录中存在这个文件,那么它会被@vue/cli自动加载。你也可以使用package.json中的vue字段,但是注意这种写法需要你严格遵照JSON的格式来写。

    这个文件应该导出一个包含了选项的对象:

    // vue.config.js
    module.exports = {
      // 选项...
    }
    
    • 部署应用包时的基本 URL
      publicPath

    默认情况下,Vue CLI 会假设你的应用是被部署在一个域名的根路径上,例如 https://www.my-app.com/。如果应用被部署在一个子路径上,你就需要用这个选项指定这个子路径。例如,如果你的应用被部署在 https://www.my-app.com/my-app/,则设置 publicPath/my-app/
    这个值也可以被设置为空字符串 ('') 或是相对路径 ('./'),这样所有的资源都会被链接为相对路径,这样打出来的包可以被部署在任意路径
    这个值在开发环境下同样生效。如果你想把开发服务器架设在根路径,你可以使用一个条件式的值:

    module.exports = {
      publicPath: process.env.NODE_ENV === 'production'
        ? '/production-sub-path/'
        : '/'
    }
    
    • 生成的生产环境构建文件的目录
      outputDir
      类型 string
      默认值 'dist'
    outputDir:'dist'
    
    • 放置生成的静态资源的目录
      assetsDir
      类型 string
      默认值 ''
    assetsDir:'static'
    

    相关文章

      网友评论

          本文标题:vue.config.js配置

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