网络编程 
首页 > 网络编程 > 浏览文章

Vue-cli3项目配置Vue.config.js实战记录

(编辑:jimmy 日期: 2024/11/18 浏览:3 次 )

Vue-cli3 搭建的项目 界面想对之前较为简洁

Vue-cli3项目配置Vue.config.js实战记录

之前的build和config文件夹不见了,那么应该如何配置 如webpack等的配那只需要在项目的根目录下vue.config.js
文件(是根目录,不是src目录

语法

module.exports = {
 // 基本路径
 baseUrl: '/',
 // 输出文件目录
 outputDir: 'dist',
 // eslint-loader 是否在保存的时候检查
 lintOnSave: true,
 // use the full build with in-browser compiler"color: #ff0000">举例

Vue-cli3项目配置Vue.config.js实战记录

上图内容做了两块内容,经测试没有问题

1.将启动端口设置为 8080

2.设置路径别名

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,如果有疑问大家可以留言交流,谢谢大家对的支持。

上一篇:如何在js代码中消灭for循环实例详解
下一篇:vue权限路由实现的方法示例总结