- 博客(11)
- 收藏
- 关注
RSS订阅原创 vite+vue3构建项目打包异常
vite+vue3项目初始化完成后打包异常Cannot access ambient const enums when the '--isolatedModules' flag is provided.
2022-04-15 16:58:28
7152
原创 （组件库探究二）代码提交检查
代码风格检查完成后，依旧无法保证提交的代码一定符合规定风格，此时就需要在提交代码时主动进行代码风格检查。主要采用lint-staged+husky实现。lint-staged由于对项目整体代码进行风格检查比较缓慢，所以lint-staged支持仅对暂存区文件(即git add添加文件)进行操作安装依赖yarn add -D lint-staged添加配置在package.json中配置lint-staged命令"lint-staged": { "*.{vue,js,ts,jsx,ts
2022-02-27 00:46:43
469
原创 （组件库探究一）代码风格检查
代码风格检查主要采用eslint+prettier实现，同时由vue-eslint-parser、typescript-eslint、eslint-plugin-import、pretty-quick等扩展其功能。eslint用来规定 js 语法的代码风格，同时支持对部分代码风格进行自动格式化安装依赖yarn add -D eslint eslint-define-config添加配置文件在项目根目录下，创建 .eslintrc.js、.eslintignore文件.eslintrc.
2022-02-27 00:46:32
1027
原创 webpack优化
一、分析方式采用speed-measure-webpack-plugin，webpack-bundle-analyzer插件进行分析// 各loader打包效率分析const SpeedMeasurePlugin = require('speed-measure-webpack-plugin')const smp = new SpeedMeasurePlugin({ outputFormat: 'human'})module.exports = { configureWebpack: s.
2022-02-27 00:46:16
299
原创 webpack基础
以下非全部配置，只列举了常用配置，详细配置可在官网查看1.常用配置表配置项参数类型作用备注contextstring入口上下文，绝对路径，用于解析入口文件和loader位置默认当前目录，但是官方推荐自己传一个值entrystring | object ｜function打包起点，允许多个起点字符串时，chunk名字mainmodestring打包模式，告诉webpack采用相应环境优化默认production，还有development，none.
2022-02-27 00:46:00
103
原创 webpack-devtool
作用：webpack会将js代码进行压缩打包，loader也会处理相应代码，打包后代码很难进行查看，这也使得开发人员调试时很难找到对应代码位置。此时可采用devtool，通过资源地图的方式，给出打包后代码到原始代码的映射，方便开发人员调试。要点：webpack官方给出了多种模式，模式间主要区别以及应用场景已经给出，下面是主要参考参数参数名参数描述参数值devtool可以使用的devtool根据基础模式可自行组合，基础模式有：(eval、cheap、module、inli.
2022-02-27 00:45:39
681
原创 vue2项目升级依赖
基础信息当前依赖项依赖版本vue-cli，vue-cli-service3.9.2webpack4.0查看vue-cli项目webpack配置：vue inspect > webpack.config.js升级方式全局安装npm-checknpm install -g npm-check使用 npm-check 命令检查需要更新的依赖，如下图所示使用 npm-check -u 命令更新依赖，如下图所示包名当前版本升级后版本@vue/c
2022-02-27 00:45:24
5377
原创 CentOS 7 安装 nginx
1.安装gcc gcc是用来编译下载下来的nginx源码yum install -y gcc-c++2、安装pcre和pcre-develPCRE(Perl Compatible Regular Expressions) 是一个Perl库，包括 perl 兼容的正则表达式库。nginx 的 http 模块使用 pcre 来解析正则表达式，pcre-devel 是使用 pcre 开发的一个二次开发库。yum install -y pcre pcre-devel也可下载 .tar.gz 包编译安
2022-02-27 00:44:29
77
原创 CentOS 7 安装 Maven
一. 下载压缩包官网地址: http://maven.apache.org/download.cgi二. 上传到linux的/usr/local目录cd /usr/local可以使用rz目录上传三. 解压文件tar -zxvf apache-maven-3.6.1-bin.tar.gz四. 配置环境变量vi /etc/profileexport MAVEN_HOME=/usr/local/apache-maven-3.6.1export PATH=$MAVEN_HOME/bin:$P
2022-02-27 00:44:00
160
原创 CentOS 7 安装 Jenkins
CentOS 7 安装 Jenkins准备工作首选需要安装JAVA环境 https://www.cnblogs.com/stulzq/p/9286878.html如果你的系统没有自带git，那么也需要安装一个yum install git1. 安装第一种方法sudo wget -O /etc/yum.repos.d/jenkins.repo https://pkg.jenkins.io/redhat-stable/jenkins.reposudo rpm --import https://p
2022-02-27 00:43:42
968
原创 ClipboardJS无效解决方案
ClipboardJS无效解决方案需求场景：列表需要复制链接功能，但是链接内容需动态生成，所以要在每次点击复制链接后请求后端接口，待请求响应后，复制返回内容。基本实现：async copyLink (event, id) { try { // 请求内容 const text = await getLinkApi(id) const clipboard = new ClipboardJS(event.target, { text: () => te
2021-08-02 10:57:47
2576
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人