vue/cli的配置详解

简介: vue/cli的配置详解

查看vue/cli的配置


vue的脚手架隐藏了所有的webpack相关的配置,若是想要查看webpack的配置


你可以去执行  


vue inspect > output.js


这样就可以查看它的配置;


执行后,需要等待几秒钟。


会输出一个output.js文件


1425695-20211028213427438-1120030373.png


entry: {
    app: [
      './src/main.js'
    ]
}

说明入口文件确实是main.js


vue.config.js的使用


vue.config.js是一个可选的配置文件,


和项目的 (和 package.json 同级的)  


它可以更改入口文件的配置


比如说我们需要将入口文件的main.js更改为peiqi.js


就需要这样配置,同时你需要将main.js更改为peiqi.js


 module.exports = {
  pages: {
    index: {
      // page 的入口
      entry: 'peiqi.js',
  }
}


需要注意的地方


vue.config.js 每一次修改后需要重新启动。


关于vue.config.js更多详情:https://cli.vuejs.org/zh/config/#css-extract

相关文章
|
8天前
|
JavaScript
vue使用iconfont图标
vue使用iconfont图标
56 1
|
18天前
|
JavaScript 关系型数据库 MySQL
基于VUE的校园二手交易平台系统设计与实现毕业设计论文模板
基于Vue的校园二手交易平台是一款专为校园用户设计的在线交易系统,提供简洁高效、安全可靠的二手商品买卖环境。平台利用Vue框架的响应式数据绑定和组件化特性,实现用户友好的界面,方便商品浏览、发布与管理。该系统采用Node.js、MySQL及B/S架构,确保稳定性和多功能模块设计,涵盖管理员和用户功能模块,促进物品循环使用,降低开销,提升环保意识,助力绿色校园文化建设。
|
2月前
|
JavaScript API 开发者
Vue是如何进行组件化的
Vue是如何进行组件化的
|
2月前
|
JavaScript 前端开发 开发者
Vue是如何劫持响应式对象的
Vue是如何劫持响应式对象的
35 1
|
2月前
|
JavaScript 前端开发 API
介绍一下Vue中的响应式原理
介绍一下Vue中的响应式原理
37 1
|
2月前
|
JavaScript 前端开发 开发者
Vue是如何进行组件化的
Vue是如何进行组件化的
|
2月前
|
存储 JavaScript 前端开发
介绍一下Vue的核心功能
介绍一下Vue的核心功能
|
JavaScript 前端开发 Java
Vue CLI 脚手架
🍅程序员小王的博客:程序员小王的博客 🍅 欢迎点赞 👍 收藏 ⭐留言 📝 🍅 如有编辑错误联系作者,如果有比较好的文章欢迎分享给我,我会取其精华去其糟粕 🍅java自学的学习路线:java自学的学习路线
233 0
Vue CLI 脚手架
|
Web App开发 JavaScript 前端开发
【Vue五分钟】 Vue Cli脚手架安装配置
这个脚手架是一个基于Vue快速进行的开发的完成系统;是基于webpack构建开发的,带有合理的配置,可以通过项目的文件进行配置。
【Vue五分钟】 Vue Cli脚手架安装配置
|
缓存 资源调度 JavaScript
Vue——安装@vue/cli(Vue脚手架)的三种方式
安装@vue/cli(Vue脚手架)的三种方式
231 0