【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,复制粘贴其代码如下:

//CommonJS 暴露
module.exports = {
  pages: {
    index: {
      // page 的入口
      entry: 'src/main.js',
    },
  }
}

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

关闭语法检查设置
1.在官方配置文档中找到lintOnSave
2.写在和pages平级的位置

module.exports = {
    pages: {
      index: {
        // page 的入口
        entry: 'src/main.js',
      }
    },
    lintOnSave:false //关闭语法检查
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值