vue-cli项目中vue.config.js的配置

vue-cli项目中vue.config.js的配置

  • 一、直接上代码

一、直接上代码

let path = require('path')
let glob = require('glob')function resolve(dir) {return path.join(__dirname, `src/${dir}`)
}module.exports = {pages: {index: {// page 的入口entry: 'src/main.js',// 模板来源template: 'public/index.html',// 在 dist/index.html 的输出filename: 'index.html',},},runtimeCompiler: true,publicPath: './', // 解决打包之后静态文件路径404的问题devServer: {open: true /* 自动打开浏览器 */,port: 8082,// index: '/index.html', // 默认启动页面client: {//当出现编译错误或警告时,在浏览器中是否显示全屏覆盖。  示例为只显示错误信息overlay: {runtimeErrors: false,},},},productionSourceMap: false,chainWebpack: config => {// file-loader排除svg图标目录,避免file-loader处理svg图标引发webpack报错config.module.rule('svg').exclude.add(resolve('assets/icons/svg')).end()// 生成 svg 雪碧图config.module.rule('svgSpriteLoader').test(/\.svg$/).include.add(resolve('assets/icons/svg')).end().use('svg-sprite-loader').loader('svg-sprite-loader').options({symbolId: 'icon-[name]',})//   // 自动修复eslint报错//   .rule('eslint')//   .use('eslint-loader')//   .options({//       fix: true//   }).end()},//     // 自动修复eslint报错//     config.module.rule('eslint').use('eslint-loader').options({//         fix: true,//     })// },
}

自取吧
在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/595741.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Java学习笔记

Java学习笔记 java发展先按黑马尚硅谷的路线来吧部分项目代码参考 第一阶段:JavaSE基础9天 中文API可以看菜鸟教程里的 java发展 jdk8后最大改变:lambda,stream 先按黑马尚硅谷的路线来吧 https://blog.csdn.net/qq_40991313/article/deta…

Spring Boot日志配置

在今天的数字化时代,日志记录已经成为任何应用程序不可或缺的一部分,它们是我们理解系统行为、诊断问题和监控应用性能的关键。对于使用Spring Boot的开发者来说,有效的日志管理就像是进行一场精确的数据舞蹈,需要精心编排每一个步…

198.【2023年华为OD机试真题(C卷)】万能字符单词拼写(JavaPythonC++JS实现)

🚀点击这里可直接跳转到本专栏,可查阅顶置最新的华为OD机试宝典~ 本专栏所有题目均包含优质解题思路,高质量解题代码(Java&Python&C++&JS分别实现),详细代码讲解,助你深入学习,深度掌握! 文章目录 一. 题目-万能字符单词拼写二.解题思路三.题解代码Pytho…

常用免费好用API汇总

短信验证码:可用于登录、注册、找回密码、支付认证等等应用场景。支持三大运营商,3秒可达,99.99%到达率,支持大容量高并发。通知短信:当您需要快速通知用户时,通知短信是最快捷有效的方式。短信…

为什么需要在bean上使用@EqualsAndHashCode(callSuper = true)这个注解

我们还是写一个案例,来探讨它的作用。 写三个类,一个是子类Child.class,一个是父类Person.class,一个是测试类Test.class Person父类很简单,就一个属性code; Child子类也很简单,继承了父类之后…

Java实现汉字拼音转换和关键字分词(pinyin4j、hanlp)

文章目录 pinyin4jhanlp关键字分词 pinyin4j 添加maven依赖 <dependency><groupId>com.belerweb</groupId><artifactId>pinyin4j</artifactId><version>2.5.0</version> </dependency>获取文本拼音 /*** 获取文本拼音* para…

计算机组成原理-总线标准(系统总线 局部总线 设备总线)

文章目录 总览例子总线标准的基本概念系统总线标准局部总线标准设备总线标准对比小结为何串行总线取代并行总线 总览 例子 总线标准的基本概念 北桥芯片速度大于南桥芯片 系统总线标准 ISA和EISA都是并行总线 Intel提出了FBS总线标准比EISA和ISA快&#xff0c;后来又提出来…

LeetCode(31) 下一个排列

整数数组的一个 排列 就是将其所有成员以序列或线性顺序排列。 例如&#xff0c;arr [1,2,3] &#xff0c;以下这些都可以视作 arr 的排列&#xff1a;[1,2,3]、[1,3,2]、[3,1,2]、[2,3,1] 。 整数数组的 下一个排列 是指其整数的下一个字典序更大的排列。更正式地&#xf…

linux没有在/etc/passwd里的用户如何修改默认 shell(zsh)

找了半天终于找到解决办法&#xff0c;记录一下&#xff01; 不在/etc/passwd, 是因为用户数据库存储在其他地方&#xff0c;例如LDAP 这样的话&#xff0c;只能在.bashrc最后&#xff0c;添加 exec -l zsh 就是每次先登入到bash再切到zsh&#xff0c;不这样的话每次登入ba…

创作活动(七十一)———编程语言未来的发展方向

#编程语言的未来&#xff1f;# 随着科技的飞速发展&#xff0c;编程语言在计算机领域中扮演着至关重要的角色。它们是软件开发的核心&#xff0c;为程序员提供了与机器沟通的桥梁。那么&#xff0c;在技术不断进步的未来&#xff0c;编程语言的走向又将如何呢&#xff1f; 编…

数据结构期末复习(1)数据结构和算法 线性表

数据结构期末总复习&#xff08;gaois课堂版&#xff09; 数据结构的概念 数据结构是计算机科学中的一个重要概念&#xff0c;它指的是组织和存储数据的方式。数据结构可以帮助我们高效地操作和管理数据&#xff0c;使得计算机程序能够更加有效地执行各种任务。 数据结构有很…

防火墙未开端口导致zookeeper集群异常,kafka起不来

转载说明&#xff1a;如果您喜欢这篇文章并打算转载它&#xff0c;请私信作者取得授权。感谢您喜爱本文&#xff0c;请文明转载&#xff0c;谢谢。 问题描述&#xff1a; 主机信息&#xff1a; IPhostname10.0.0.10host1010.0.0.12host1210.0.0.13host13 在这三台主机上部署…

山西电力市场日前价格预测【2024-01-05】

日前价格预测 预测说明&#xff1a; 如上图所示&#xff0c;预测明日&#xff08;2024-01-05&#xff09;山西电力市场全天平均日前电价为259.10元/MWh。其中&#xff0c;最高日前电价为363.99元/MWh&#xff0c;预计出现在18:00。最低日前电价为0.00元/MWh&#xff0c;预计出…

CMakeLists.txt 怎么写

写程序的大体步骤就是&#xff1a;首先用编辑器编写源代码&#xff0c;如.c文件&#xff1b;然后经过预处理、编译和汇编生成可重定位目标文件&#xff0c;也就是.o&#xff08;Unix下&#xff09;文件&#xff1b;最后通过链接器将所有的.o以及用到的库文件链接成可执行文件。…

K8S Dashboard登录Token过期问题处理

整体思路 用户访问一个页面&#xff0c;在该页面中设置一个超链接&#xff0c;点击跳转至K8S Dashboard&#xff1b;跳转后&#xff0c;使用剪贴板上已复制的Token粘贴到Dashboard页面中的输入框登录即可。 写个定时任务将Token复制到页面上&#xff0c;过期了重新再登…

Linux第1步_VMware软件安装

1、双击“VMware-workstation-full-15.5.0-14665864”&#xff0c;得到下面的界面&#xff1a; 2、等待几分钟&#xff0c;得到下面的界面&#xff1a; 3、点击“下一步” 4、勾选“我接受许可协议中的条款(A)”&#xff0c;见下图&#xff1a; 5、点击“下一步”&#xff0c;得…

阿里云Alibaba Cloud Linux 3镜像版本大全特性说明

Alibaba Cloud Linux阿里云打造的Linux服务器操作系统发行版&#xff0c;Alibaba Cloud Linux完全兼容完全兼容CentOS/RHEL生态和操作方式&#xff0c;目前已经推出Alibaba Cloud Linux 3&#xff0c;阿里云百科aliyunbaike.com分享Alibaba Cloud Linux 3版本特性说明&#xff…

使用通用MCU实现无人机飞行任务的快速二次开发

使用通用MCU实现无人机飞行任务的快速二次开发 ---TIDronePilot外部控制offboard模式介绍 无名小哥 2024年1月1日 传统飞控二次开发方法和主要存在的问题简介 通过对前面几讲中《零基础竞赛无人机积木式编程指南》系列开发教程的学习可知&#xff0c;在以往TI电赛真题的学习…

K8S学习指南(59)-K8S核心组件ETCD简介

文章目录 前言一、设计思路1.1 一致性与可靠性1.2 分布式键值存储 二、在K8S集群中的主要功能2.1 配置存储2.2 选主与高可用2.3 服务发现 三、内部工作原理3.1 Raft一致性算法3.2 快照和日志3.3 分布式事务 四、与其他NoSQL产品的比较4.1 优势4.1.1 一致性4.1.2 性能 4.2 劣势4…

RK3568驱动指南|第九篇 设备模型-第101章 总线注册流程理论分析实验

瑞芯微RK3568芯片是一款定位中高端的通用型SOC&#xff0c;采用22nm制程工艺&#xff0c;搭载一颗四核Cortex-A55处理器和Mali G52 2EE 图形处理器。RK3568 支持4K 解码和 1080P 编码&#xff0c;支持SATA/PCIE/USB3.0 外围接口。RK3568内置独立NPU&#xff0c;可用于轻量级人工…