- 博客(9)
- 收藏
- 关注
RSS订阅原创 Vue-cli3.x版本使用debugger
在package.json中配置eslintConfig中的rules"eslintConfig": { "root": true, "env": { "node": true }, "extends": [ "plugin:vue/essential", "eslint:recommended" ], "rules": { "no-debugger": "off", "no-console":
2021-12-08 14:05:08
697
原创 create-react-app中使用less
一、使用npm run eject，暴露webpack配置（暴露在根目录config路径下）;二、安装less和less-loader npm install less-loader less -D三、修改config->webpack.config.js1、文件中搜索const sassModuleRegex在下面添加配置：const lessRegex = /\.less$/;const lessModuleRegex = /\.module\...
2021-12-03 14:40:48
1108
原创 React-Router v6基本使用
一、路由简介 React Router是一个基于React之上的强大路由库，它可以让你向应用中快速地添加视图和数据流，同时保持页面与URL间的同步。二、基本使用 1、通过npx create-react-app my-app创建react项目，安装react-router或者react-router-domnpm install react-router-dom --save 2、配置路由在src文件夹下创建路由配置文件index...
2021-11-30 11:43:58
1340
原创 Vue动态设置浏览器标签title
一、使用插件vue-wechat-title 1、安装npm install vue-wechat-title --save 2、在main.js中引入import VueWechatTitle from 'vue-wechat-title'Vue.use(VueWechatTitle) 3、在路由里添加title routes: [ { path: '/login', componen...
2021-10-11 16:13:15
721
原创 Vue中package.json版本号详解
一、版本号介绍1、版本号命名规范：插件版本号有四个部分组成：1）、主版本号：一半当功能模块有较大的变动，比如增加模块或是整体架构发生变化
2021-05-31 15:35:47
2174
1
原创 开发Vue组件并上传到npm
一、使用场景例：公司多个项目导航相同，为避免导航改版造成多项目重复修改，需将导航封装成组件，放到npm上进行管理。二、组件封装步骤1、创建Vue项目使用vue-cli创建vue基础项目vue create own-test-lib选择Vue2默认项目配置2、修改目录结构将src目录修改为examples，用于依赖库的本地测试。在根目录下新建packages目录，用于存放开发的组件。目录结构如下图：3、处理目录修改后项目无法运行的问题目录结构修改后会造成项目无法运行，需要做如下修
2021-05-31 09:47:24
321
原创 Vue-cli3打包优化分析工具配置
公司项目，对于上线的vue项目需要进行打包体积优化，使用webpack-bundle-analyzer进行打包体积分析，具体使用步骤如下：1、安装依赖npm install webpack-bundle-analyzer --save-dev2、在vue.config.js中进行配置chainWebpack: config => { config.plugin('webpack-bundle-analyzer').use(require('webpack-bundle-analyzer')
2021-05-28 14:49:28
612
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人