Node.js:webpack前端开发npm资源整理

简介: Node.js:webpack前端开发npm资源整理

库名

简介

文档

Lodash

一套现代 JavaScript 实用程序库

文章

qs

处理 URL 查询字符串

文章

cross-env

跨平台设置环境变量

-

Day.js

一款快速且轻量化的 Moment.js

文章

numeral

专门用来格式化数字

-

Linters

格式化工具

-

Prettie

一款风格鲜明的代码格式化程序

-

stylelint

一个强大的样式规则

-

Husky

可以帮助我们简单直接地实现 git hooks

-

uuid

快速生成更为复杂的通用唯一标识符(UUID)

文章

faker.js

在浏览器及 Node.js 中生成大量假数据

文章

Mock.js

模拟数据生成器

文章

est

一款便捷好用的 JavaScript 测试框架

-

Mocha

是一个功能丰富的 javascript 测试框架

-

nodemon

将监视启动目录中的文件

 

PM2

应用程序管理器

文章

Concurrently

可同时运行多条命令

-

Socket.IO

支持实时、双向、基于事件的通信功能

-

WS

易于使用、快速且经过全面测试的 WebSocket 客户端与服务器实现

-

chokidar

监听文件夹内容的变化

文章

chalk

控制台输出带有颜色的文字

文章


数据库和OR

77.png

参考

让我告诉你一些强无敌的 NPM 软件包


vue

vue-router

vuex

autoprefixer

babel-core

babel-eslint

babel-helper-vue-jsx-merge-props

babel-loader

babel-plugin-dynamic-import-node

babel-plugin-syntax-jsx

babel-plugin-transform-es2015-modules-commonjs

babel-plugin-transform-runtime

babel-plugin-transform-vue-jsx

babel-preset-env

babel-preset-stage-2

cross-env

css-loader

cssnano

eslint

eslint-config-airbnb-base

eslint-friendly-formatter

eslint-import-resolver-webpack

eslint-loader

eslint-plugin-import

eslint-plugin-vue

file-loader

friendly-errors-webpack-plugin

html-webpack-plugin

less

less-loader

mini-css-extract-plugin

mp-webpack-plugin

node-notifier

optimize-css-assets-webpack-plugin

portfinder

postcss-loader

reduce-loader

rimraf

terser-webpack-plugin

thread-loader

ts-loader

typescript

url-loader

vue-improve-loader

vue-loader

vue-style-loader

vue-template-compiler

webpack

webpack-cli

webpack-dev-server

webpack-merge


相关文章
|
前端开发 UED
Webpack 中处理 CSS 和图片资源的多 Loader 配置
【10月更文挑战第12天】 处理 CSS 和图片资源是 Webpack 配置中的重要部分。通过合理选择和配置多个 Loader,可以实现对这些资源的精细处理和优化,提升项目的性能和用户体验。在实际应用中,需要不断探索和实践,根据项目的具体情况进行灵活调整和优化,以达到最佳的处理效果。通过对 Webpack 中多 Loader 处理 CSS 和图片资源的深入了解和掌握,你将能够更好地应对各种复杂的资源处理需求,为项目的成功构建和运行提供坚实的基础。
417 58
|
JavaScript
webpack学习五:webpack的配置文件webpack.config.js分离,分离成开发环境配置文件和生产环境配置文件
这篇文章介绍了如何将webpack的配置文件分离成开发环境和生产环境的配置文件,以提高打包效率。
239 1
webpack学习五:webpack的配置文件webpack.config.js分离,分离成开发环境配置文件和生产环境配置文件
|
缓存 前端开发 JavaScript
如何优化前端资源
如何优化前端资源
|
缓存 前端开发 JavaScript
优化前端资源
优化前端资源
|
前端开发 开发者
在前端开发中,webpack 作为一个强大的模块打包工具,为我们提供了丰富的功能和扩展性
【9月更文挑战第1天】在前端开发中,Webpack 作为强大的模块打包工具,提供了丰富的功能和扩展性。本文重点介绍 DefinePlugin 插件,详细探讨其原理、功能及实际应用。DefinePlugin 可在编译过程中动态定义全局变量,适用于环境变量配置、动态加载资源、接口地址配置等场景,有助于提升代码质量和开发效率。通过具体配置示例和注意事项,帮助开发者更好地利用此插件优化项目。
203 13
|
前端开发
umi webpack配置图片资源转base64
umi webpack配置图片资源转base64
|
缓存 前端开发 Linux
哇塞!NPM 缓存竟成开发拦路虎?快来掌握清空秘籍,开启前端开发逆袭之旅!
【8月更文挑战第20天】NPM是前端开发中管理依赖的关键工具。有时需清空其缓存以解决版本不一致或包损坏等问题,确保使用最新依赖。可通过命令`npm cache clean --force`强制清空全部缓存,或手动删除各系统下的缓存文件夹。注意清空缓存可能延长后续安装时间,建议事先备份依赖或确保可重新安装。正确管理缓存有助于提升开发效率。
632 1
|
JavaScript Windows
安装node.js与webpack创建vue2项目
安装node.js与webpack创建vue2项目
277 1
|
SQL 数据库 Java
HQL vs SQL:谁将统治数据库查询的未来?揭秘Hibernate的神秘力量!
【8月更文挑战第31天】Hibernate查询语言(HQL)是一种面向对象的查询语言,它模仿了SQL的语法,但操作对象为持久化类及其属性,而非数据库表和列。HQL具有类型安全、易于维护等优点,支持面向对象的高级特性,内置大量函数,可灵活处理查询结果。下面通过示例对比HQL与SQL,展示HQL在实际应用中的优势。例如,HQL查询“从员工表中筛选年龄大于30岁的员工”只需简单地表示为 `FROM Employee e WHERE e.age > 30`,而在SQL中则需明确指定表名和列名。此外,HQL在处理关联查询时也更为直观易懂。然而,对于某些复杂的数据库操作,SQL仍有其独特优势。
331 0
|
缓存 前端开发 JavaScript
【揭秘Rails高手都在用的秘密武器!】—— 资产管道:它是如何悄无声息地改变我们管理前端资源的方式?
【8月更文挑战第31天】资产管道是Ruby on Rails 3.1引入的特性,用于简化Web应用中CSS、JavaScript和图片等前端资源的管理和打包。它将静态资源集中管理并自动处理合并、压缩及版本控制,提升页面加载速度和用户体验。本文通过示例代码详细介绍了如何在Rails应用中配置和使用资产管道,包括创建目录结构、编写样式表和JavaScript文件以及在布局文件中引用静态资源。与传统方法相比,资产管道提供了更高效和自动化的解决方案,有助于提高开发效率和应用性能。
117 0

推荐镜像

更多
  • NPM