使用lerna管理大型前端项目
一、前言
最近准备开发前端的一个模块化的库，业务级别，要求可以任意插拔随意组合。大型工程，需要多人维护。
以前的项目都是业务级，单个包项目。简单，便于管理。但是，当一个大的项目库代码量剧增之后，管理起来就是一件比较麻烦的事情，为了方便代码的共享，就需要将代码库拆分成独立的包。
调研了一...
node接收命令行参数cac
const cac = require('cac');
const cli = cac.cac('lininn-theme');
cli.command('', '生成样式文件')
.option('-p, --platform <platform>', '配置平台')
...
使用 Mobx + Hooks 管理 React 应用状态
Step 1️：创建一个 Store Model
// ./src/stores/todo.ts
import { action, observable, computed } from 'mobx';
export interface ITodo {
id: number;
name: string;
desc: string;
don...
vscode eslint
settings.json:
"eslint.options": {
"overrideConfig": {
"env": {
"browser": true,
"es6": true
},
"parserOptions": {
"...
umi3 配置css modules
export default defineConfig({
cssLoader: {
modules: {
auto: true,
},
},
})
JS跳转阻止后退至上一页面，没有历史记录
window.location.replace
1
window.location.replace('要转向的页面') //不会有历史记录
...
MiniCssExtractPlugin less不能热更新
原本打包过后是css-in-js,配置完MiniCssExtractPlugin后,可以将css单独打包出来
配置
1,安装npm install --save-dev mini-css-extract-plugin
2,将...
vite Uncaught ReferenceError: require is not defined
优先通过修改源代码来解决；修改后记得重启，有的依赖需重新处理
其次通过预构建或 CommonJS 插件处理；
为了解决这一问题，我对搜索到的数个 CommonJS 插件进行简单地试用，最终基于成熟、可靠、全面等几方面的考虑，采用 @rollup/...
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 packag...
-
snow
2024-06-06 22:00
stay hungry stay foo...
