美文网首页
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 打包

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

  • vuecli3.0+vue-test-utils+mocha+k

    vuecli3.0+vue-test-utils+mocha+karma生成单元测试 1、用vuecli3.0创建...

  • (1)安装部署vuecli3.0

    本节知识点 (1) 通过官方文档查看vuecli3.0安装 (2) 通过自定义来安装vuecli3.0 (一) 通...

  • 基于vue2.6,vue-cli3.0,vuex,route,a

    https://github.com/libai-icon/vue2.6-vuecli3.0-vuex-route...

  • 打包

    vuecli 基于 与webpack的关系 为什么要打包? 互联网项目尽量减少加载时间,提高用户体验,需要打包-打...

  • Vue 入门到实战课程

    Vue 入门到实战课程 说明 课程 VueCli3.0-小白入门 Vue2.0 小白入门教程 Vue 项目实战 在...

  • 前端性能优化-webpack

    一、vueCli 查看打包后文件的大小占比 ⚠️vue-cli2 使用 webpack-bundle-analyz...

  • vue多环境变量配置

    vuecli3.0搭建的vue项目。配置多个环境变量 新建两个或多个文件,和package.json同级;例如:....

  • vuecli3.0 axios 配置

    vue.config.js login-form @/utils/https @/utils/config @ap...

  • vuecli2框架介绍(五)优化打包体积

    第五章:优化打包体积 解决vuecli打包出来的项目过大的问题 当我们进行到项目最后一步,发布上线的时候。(此时你...

网友评论

      本文标题:vuecli 3.0 打包

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