我们在平时日常开发的时候, 肯定是要制定一套项目规范，去进行团队的开发代码管理的，因此需要涉及到很多方面；比如eslint代码规则检查，husky这种为npm script提供git的钩子的，lint-staged结合husky，然后使用commitlint去规范提交代码消息等等 代码检查 ...

Electron - chrome devtools - PostCss - Error: PostCSS plugin autoprefixer requires PostCSS 8. Update PostCSS or downgrade this plugin。 ...

检查是否配置以下内容 - package.json中是否配置了eslint依赖 - 工程目录下是否有.eslintrc.js和.eslintignore文件 2.查看vscode是否安装了eslint插件并启用 - setting.json里是否有eslint的配...

@babel/plugin-transform-runtime babel官方提供的一个插件，作用是减少冗余的代码。 例如： class extend 的语法在转换后会在ES5的代码里头注入_extend辅助函数用于实现继承 这导致每个使用class extend语法的文件都会被注入重复的_...

CSS css-minimizer-webpack-plugin 压缩css文件，webpack5以上 mini-css-extract-plugin 这个插件将 CSS 提取到单独的文件中。它为每个包含 CSS 的 JS 文件创建一个 CSS 文件。它支持按需加载 CSS 和 So...

以下讲的都是针对webpack5版本的 CSS css-loaders webpack识别不了css的代码，所以需要一个css-loader去加载css的文件 style-loader 将css（以字符串形式）注入到js的代码当中（相当于做了存储），不会额外生成一个C...

前置包 webpack-cli https://github.com/webpack/webpack-cli/issues webpack-dev-server 将 webpack 与提供实时重新加载的开发服务器一起使用。这应该仅用于开发。它在底层使用 webpack-dev-middl...

useRef <uuseRef主要的功能就是。</u 1. 帮助我们获取到DOM元素或者组件实例 2. 保存在组件生命周期内不会变化的值 如下： jsx function TextInputWithFocusButton() { const inputEl = useRef(null);...