vue 打包设置到网站子目录 vue cli 3 配置路径

前言

vue cli 打包好的dist目录中的文件, 默认是根目录的, 像这样: lanhaoo.club/index.html
现在想要将文件放到子目录,比如myApps, 想要的效果是这样: lanhaoo.club/myApps/index.html

Vue cli 3版本里的config build 的文件夹都没了

vue-cli 3 的 github 仓库由原有独立的 github 仓库迁移到了 vue 项目下
vue-cli 3 的项目架构完全抛弃了 vue-cli 2 的原有架构，3 的设计更加抽象和简洁（此处后续可以详细介绍）
vue-cli 3 是基于 webpack 4 打造，vue-cli 2 还是 webapck 3 vue-cli 3 的设计原则是“0配置”
vue-cli 3 提供了 vue ui 命令，提供了可视化配置，更加人性化

修正assets文件的引用

1. 在根目录下新建 vue.config.js文件, 在这里面我们写配置
2. 去掉路由的 history 模式
3. 把那些图片啊之类的资源文件(在 assets 文件夹下的)整顿好, 在配置里面写好别名, 然后修改引用

module.exports = {
  configureWebpack: {

    resolve: {
      alias: {
        'assets': '@/assets',
        'components': '@/components',
        'views': '@/views',
      }
    }
  },
}