热搜词
发表于 2022-8-3 23:49:53 | 显示全部楼层 |阅读模式
个性化定制脚手架,修改Vue脚手架(vue_cli)默认配置
vue脚手架默认隐藏了重要文件,可以使用在cmd使用vue inspect > output.js 令重要配置文件输出一份。

不可修改部分:
public结构不可修改
src结构不可修改
main.js名称不可修改

修改入口文件main.js的默认设置:
1.查阅Vue CLI官方文档中的配置文件
2.如果想要个性化定制脚手架,需要在package.json同级文件夹下创建一个vue.config.js文件。
3.找到配置文件左侧目录栏中的pages,复制粘贴其代码如下:
  1. //CommonJS 暴露
  2. module.exports = {
  3.   pages: {
  4.     index: {
  5.       // page 的入口
  6.       entry: 'src/main.js',
  7.     },
  8.   }
  9. }
复制代码


4.vue会将vue.config.js文件输送给webpack,webpack是基于Node的,Node采用了CommonJS的魔化快标准,所以这段代码使用CommonJS暴露
5.修改entry属性的值就可以重新定义入口文件

关闭语法检查设置
1.在官方配置文档中找到lintOnSave
2.写在和pages平级的位置
  1. module.exports = {
  2.     pages: {
  3.       index: {
  4.         // page 的入口
  5.         entry: 'src/main.js',
  6.       }
  7.     },
  8.     lintOnSave:false //关闭语法检查
  9. }
复制代码



全部评论0
回复
您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|Archiver|手机版|小黑屋|管理员之家 ( 苏ICP备2023053177号-2 )

GMT+8, 2025-1-15 23:47 , Processed in 0.174768 second(s), 22 queries .

Powered by Discuz! X3.5

Cpoyright © 2001-2025 Discuz! Team