cli 安装npminstall

import npminstall from 'npminstall' ; npminstall({ root: this.targetPath, storeDir: this.storePath, registry: getNpmRegistry(), pkgs: [ { name: this.pac...

使用lerna管理大型前端项目

一、前言 最近准备开发前端的一个模块化的库，业务级别，要求可以任意插拔随意组合。大型工程，需要多人维护。 以前的项目都是业务级，单个包项目。简单，便于管理。但是，当一个大的项目库代码量剧增之后，管理起来就是一件比较麻烦的事情，为了方便代码的共享，就需要将代码库拆分成独立的包。 调研了一下 lerna 库...

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...