随笔分类 -  前端工具

webpack eslint prettier 代码规范
pnpm 分析总结
摘要：一、安装 npm i -g pnpm 二、特性 速度快 高效使用磁盘空间 pnpm 内部使用基于内容寻址的文件系统来存储磁盘上所有的文件，这个文件系统出色的地方在于: 不会重复安装同一个包。用 npm/yarn 的时候，如果 100 个项目都依赖 lodash，那么 lodash 很可能就被安装了 阅读全文
posted @ 2022-02-08 11:05 爱好跑步的小张 阅读(1052) 评论(0) 推荐(0)
npm升级packjson
摘要：全局 npm cache clean -f 清除缓存 npm outdated 检查模块版本 npm install -g npm-check-updates 项目内部 ncu //显示当前目录下项目中所有新的依赖包 ncu -u //更新项目package文件 npm install 阅读全文
posted @ 2021-05-13 15:32 爱好跑步的小张 阅读(118) 评论(0) 推荐(0)
package.json
摘要：{ "name":"你的包裹的名字", "version":"1.0.0//版本号", "description":"描述文件", "keywords":["在包管理器搜索包时很有用"], "license":"许可证", "homepage":"登录页面或文档的url", "repository" 阅读全文
posted @ 2020-10-13 21:07 爱好跑步的小张 阅读(138) 评论(0) 推荐(0)
webpack 生产环境
摘要：const { resolve } = require('path'); const MiniCssExtractPlugin = require('mini-css-extract-plugin'); const OptimizeCssAssetsWebpackPlugin = require(' 阅读全文
posted @ 2020-07-08 10:48 爱好跑步的小张 阅读(192) 评论(0) 推荐(0)
webpack4 面试题
摘要：webpack4 面试题 随着现代前端开发的复杂度和规模越来越庞大，已经不能抛开工程化来独立开发了，如react的jsx代码必须编译后才能在浏览器中使用；又如sass和less的代码浏览器也是不支持的。 而如果摒弃了这些开发框架，那么开发的效率将大幅下降。在众多前端工程化工具中，webpack脱颖而 阅读全文
posted @ 2020-07-08 00:18 爱好跑步的小张 阅读(402) 评论(0) 推荐(0)
webpack 学习记录 开发环境
摘要：webpack学习记录 开发模式 development const { resolve } = require('path'); const HtmlWebpackPlugin = require('html-webpack-plugin'); // html打包 const MiniCssExt 阅读全文
posted @ 2020-07-07 23:46 爱好跑步的小张 阅读(115) 评论(0) 推荐(0)