三、【VUE-CLI】修改默认配置

纯纯的小白

已于 2022-10-09 21:52:30 修改

阅读量859

点赞数

分类专栏： Vue 简单回顾文章标签： vue.js vue-cli 脚手架

于 2022-08-03 21:34:54 首次发布

本文链接：https://blog.csdn.net/qq_30769437/article/details/126149393

版权

Vue 简单回顾专栏收录该内容

48 篇文章 5 订阅

订阅专栏

三、修改默认配置

1、我很不喜欢入口文件这个名啊，我就想改成peiqi.js

在这里插入图片描述

2、查看配置

▼还记得第一章说的查看webpack配置需要执行的命令吗？

vue inspect > output.js

在这里插入图片描述

总共1337行，这里就不粘了，太特喵的长了！

在这里插入图片描述

▼如果采用默认的配置哪些东西的名不能改？

3、优雅的修改需要高端的配置文件

▼首先，我们可以改的配置项有哪些？点我！我带你去~

1、vue.config.js

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

没错！高端的配置文件就是vue.config.js

在这里插入图片描述

2、完成优雅的修改

1、CODE（vue.config.js）

// 脚手架会用这里的配置覆盖webpack已经写好的配置（这个文件修改了需要重启项目！）
module.exports = {
    pages: {
      index: {
        // page 的入口
        entry: 'src/peiqi.js'
      }
    }
  }