美文网首页
vuecli 3.0 打包

vuecli 3.0 打包

作者: kalrase | 来源:发表于2019-05-23 14:36 被阅读0次

    静态资源需要设置与index页面不是同级目录的例如加上动态项目目录order的打包配置

    > vue.config.js
    配置如下
    
    module.exports = {
        baseUrl: '/order', // 根域上下文目录   ,
        outputDir: 'dist', // 构建输出目录
    }
    
    >dist 打包后文件效果
    <link href=/order/css/chunk-08407664.a7b6a365.css rel=prefetch>
        <link href=/order/css/chunk-183a0978.34d34fee.css rel=prefetch>
        <link href=/order/css/chunk-3407b62c.35ca9598.css rel=prefetch>
        <link href=/order/css/chunk-38d3139c.1e95594d.css rel=prefetch>
        <link href=/order/css/chunk-3c3ca1bc.5e191d95.css rel=prefetch>
        <link href=/order/css/chunk-45b08500.13878d36.css rel=prefetch>
        <link href=/order/css/chunk-516af9f2.705fa703.css rel=prefetch>
        <link href=/order/css/chunk-57dcc8e6.7f3385f2.css rel=prefetch>
    
    ##都是加上了order 项目名
    

    普通打包配置

    module.exports = {
        baseUrl: '', // 根域上下文目录   ,
        outputDir: 'dist', // 构建输出目录
    }
    

    相关文章

      网友评论

          本文标题:vuecli 3.0 打包

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