- 博客(11)
- 收藏
- 关注
RSS订阅原创 vite+vue3构建项目打包异常
vite+vue3项目初始化完成后打包异常Cannot access ambient const enums when the '--isolatedModules' flag is provided.
2022-04-15 16:58:28
7537
原创 （组件库探究二）代码提交检查
代码风格检查完成后，依旧无法保证提交的代码一定符合规定风格，此时就需要在提交代码时主动进行代码风格检查。主要采用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
630
原创 （组件库探究一）代码风格检查
代码风格检查主要采用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
1192
原创 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
423
原创 webpack基础
以下非全部配置，只列举了常用配置，详细配置可在官网查看 1.常用配置表 配置项 参数类型 作用 备注 context string 入口上下文，绝对路径，用于解析入口文件和loader位置 默认当前目录，但是官方推荐自己传一个值 entry string | object ｜function 打包起点，允许多个起点 字符串时，chunk名字main mode string 打包模式，告诉webpack采用相应环境优化 默认production，还有development，none.
2022-02-27 00:46:00
217
原创 webpack-devtool
作用： webpack会将js代码进行压缩打包，loader也会处理相应代码，打包后代码很难进行查看，这也使得开发人员调试时很难找到对应代码位置。此时可采用devtool，通过资源地图的方式，给出打包后代码到原始代码的映射，方便开发人员调试。 要点： webpack官方给出了多种模式，模式间主要区别以及应用场景已经给出，下面是主要参考参数 参数名 参数描述 参数值 devtool 可以使用的devtool 根据基础模式可自行组合，基础模式有：(eval、cheap、module、inli.
2022-02-27 00:45:39
875
原创 vue2项目升级依赖
基础信息 当前依赖项 依赖版本 vue-cli，vue-cli-service 3.9.2 webpack 4.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
5857
原创 CentOS 7 安装 nginx
1.安装gcc gcc是用来编译下载下来的nginx源码 yum install -y gcc-c++ 2、安装pcre和pcre-devel PCRE(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
172
原创 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/profile export MAVEN_HOME=/usr/local/apache-maven-3.6.1 export PATH=$MAVEN_HOME/bin:$P
2022-02-27 00:44:00
247
原创 CentOS 7 安装 Jenkins
CentOS 7 安装 Jenkins 准备工作 首选需要安装JAVA环境 https://www.cnblogs.com/stulzq/p/9286878.html 如果你的系统没有自带git，那么也需要安装一个 yum install git 1. 安装 第一种方法 sudo wget -O /etc/yum.repos.d/jenkins.repo https://pkg.jenkins.io/redhat-stable/jenkins.repo sudo rpm --import https://p
2022-02-27 00:43:42
1238
原创 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
3339
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人