node接收命令行参数cac

const cac = require ( 'cac' ); const cli = cac . cac ( 'lininn-theme' ); cli.command('', '生成样式文件') .option('-p, --platform <platform>', '配置平台') .option(...

使用 Mobx + Hooks 管理 React 应用状态

Step 1️：创建一个 Store Model // ./src/stores/todo.ts import { action, observable, computed } from 'mobx'; export interface ITodo { id: number; name: string;...

vscode eslint

settings.json: "eslint.options": { "overrideConfig": { "env": { "browser": true, "es6": true }, "parserOptions": { "ecmaVersion": 2020, "sourceType": "m...

JS跳转阻止后退至上一页面，没有历史记录

window.location.replace 1 window .location.replace( '要转向的页面' ) //不会有历史记录 1 2 3 4 let backLen = history.length history.forward() history.go(-backLen) //...

MiniCssExtractPlugin less不能热更新

原本打包过后是css-in-js,配置完MiniCssExtractPlugin后,可以将css单独打包出来 配置 1,安装npm install --save-dev mini-css-extract-plugin 2,将style-loader替换成MiniCssExtractPlugin.load...

vite Uncaught ReferenceError: require is not defined

优先通过修改源代码来解决；修改后记得重启，有的依赖需重新处理 其次通过预构建或 CommonJS 插件处理； 为了解决这一问题，我对搜索到的数个 CommonJS 插件进行简单地试用，最终基于成熟、可靠、全面等几方面的考虑，采用 @rollup/plugin-commonjs 。 import comm...

TypeError: Cannot read property 'javascript' of undefined + terser webpack plugin + react js

Hi you are using Webpack 4 and Terser ^5.0.0 . This version of Terser is for Webpack 5, you need to set version "terser-webpack-plugin": "^4.2.3", in pa...

javascript：类型’Readonly <{children？：ReactNode;不存在属性’XYZ’； }>

interface IRecipeProps { ingredients?: string[]; title?: string; img?: string; instructions?: string; } interface IRecipeState { } class Recipe extends...

element table表格闪动

1. el-table 增加99.9%的宽度 2. .el-table__header,.el-table__body,.el-table__footer{ border-collapse: collapse!important; } 3. 将表格外层元素的width宽度减去滚动条的宽度就解决了 类似这...

React 性能优化之组件动态加载（react-loadable）

React 项目打包时，如果不进行异步组件的处理，那么所有页面所需要的 js 都在同一文件中（bundle.js），整个js文件很大，从而导致首屏加载时间过长。 所有，可以对组件进行异步加载处理，通常可以使用 React-loadable。 React-loadable 使用 例如，对于项目中的deta...