一些webpack|一些webpack npm包 简介
copy from: https://www.jianshu.com/p/a1e919475a07
chalk:
用于在控制台输出带颜色字体的插件。可以通过chalk.blue(‘hello world’)来改变颜色.
opn:
opn是一个可以调用默认软件打开网址、图片、文件等内容的插件
http-proxy-middleware:
http-proxy-middleware是一个express中间件,用于将http请求代理到其他服务器
例:localhost:8080/api/xxx-->localhost:3000/api/xxx
webpack-hot-middleware:
用于实现热重载功能的中间件
webpack-merge:
一个可以合并数组和对象的插件
【一些webpack|一些webpack npm包 简介】html-webpack-plugin:
用于将webpack编译打包后的产品文件注入到html模板中,即自动在index.html中里面机上和标签引用webpack打包后的文件
friendly-errors-webpack-plugin:
用于更友好的输出webpack的警告,错误信息等
extract-text-webpack-plugin:
可以提取bundle中的特定文本,将提取后的文本单独存放到另外的文件
eventsource-polyfill:
实现浏览器端的eventSource,用于跟服务器双向通信
ora:
主要用来实现node.js命令行环境的loading效果,和显示各种状态的图标等
rimraf:
用于删除文件或文件夹的插件
copy-webpack-plugin:
用于将static中的静态文件复制到产品文件夹dist
optimize-css-assets-webpack-plugin:
用于优化和最小化css资源
compression-webpack-plugin:
一个用于压缩的webpack插件
semver:
语义化版本检查插件(The semantic version parser used by npm)
shelljs:
执行Unix命令行的插件
cross-env
能跨平台地设置及使用环境变量
作者:大嵩的格洛米
链接:https://www.jianshu.com/p/a1e919475a07
后续补充
HammerJS是一个优秀的、轻量级的触屏设备手势库
推荐阅读
- Angular|Angular 应用要启用 Service Worker 所需满足的一些前提条件
- pnpm对npm及yarn降维打击详解
- 【售后客户信息反馈】
- 前端食堂技术周刊第 46 期(Chrome 三方 cookie 计划、npm 引入更多安全增强功能、Awesome Bun)
- 抉择
- 有关拍打的一些内容
- webpack打包内存溢出问题(开发环境)
- 为什么一些人隆鼻后变成了“猪鼻子”()
- SAP|SAP ABAP Netweaver 容器化的一些前沿性研究工作分享
- 推荐一些增长见闻的优质公众号