package.json引⼊包简介
以下包是在所有项⽬中有⽤的的包. ps：当然以后新项⽬的构建已经有⼀套较为完善的模板，多数包已经不会出现在package.json⾥loader
less-loader：⽤于处理编译less⽂件
sass-loader：⽤于处理编译sass
scss-loader：⽤于处理编译scss
style-resources-loader：⼀般⽤于载⼊静态变量
xml-loader：处理.xml⽂件
css-loader：处理css
style-loader：配合css-loader，插⼊style
eslint-loader：处理eslint
file-loader：处理⽂件，如.png
url-loader：类似file-loader，但是在⽂件⼤⼩低于指定的限制时，可以返回⼀个DataURL。
vue-loader：处理vue
vue-style-loader：类似style-loader，作⽤于vue
vux-loader：处理vux
postcss-loader：                          postcss处理器
px2rem-loader：                            px转rem处理器
babel
core-js：                                  babel-polyfill 的底层依赖
babel-core：                              babel核⼼
babel-plugin-import：                      antd团队出品，可以针对ui库进⾏按需加载.(功能更多)
babel-plugin-components：饿了么团队出品，可以针对ui库进⾏按需加载.
babel-plugin-transform-remove-console：打包移除console
babel-eslint：                            eslint
babel-jest：                              jest
babel-loader：预处理器
babel-plugin-transform-remove-strict-mode：禁⽤严格模式
babel-polyfill：垫⽚
babel-preset-env：智能预设
babel-preset-es2015：                      es2015版本
babel-preset-stage-2：草案（Draft）：初始规范
babel-register：注册
@babel/runtime-corejs2：                  Babel的模块化运⾏时助⼿
babel-helper-vue-jsx-merge-props：        jsx辅助⼯具
babel-plugin-syntax-jsx：                  jsx辅助⼯具
babel-plugin-transform-vue-jsx：          jsx辅助⼯具
babel-plugin-dynamic-import-node：按需加载插件
babel-plugin-transform-runtime：⼀个插件，可重新使⽤Babel注⼊的帮助程序代码以节省代码⼤⼩。
vue-cli
@vue/cli-plugin-babel：                    babel插件
@vue/cli-plugin-eslint：                  eslint插件
@vue/cli-plugin-router：路由插件
@vue/cli-plugin-typescript：              ts插件
@vue/cli-plugin-vuex：                    vuex插件
@vue/cli-service：脚⼿架核⼼服务
@vue/eslint-config-prettier：              eslint+prettier的配置插件
@vue/eslint-config-typescript：            eslint+ts的配置插件
@vue/cli-plugin-pwa：                      pwa插件
@vue/cli-plugin-unit-mocha：              unit-mocha单元测试插件
@vue/test-utils：                          vue组件测试⼯具
vue-cli-plugin-style-resources-loader：类似于style-resources-loader
vue
vue：                                      vue框架
vue-router：                              vue路由
vuex：                                    Vue状态管理模式
vue-template-compiler：将 Vue 2.0模板预编译为渲染函数
vue-infinite-loading：⽆限加载
vue-lazyload：懒加载
vue-svg-icon：                            svg icon组件
vue-touch：                                touch时间监听
vue-croppa：图像剪切⼯具
vuedraggable：拖拽⼯具
浏览器json格式化vue-clipboard2：复制剪切⼯具
vue-pdf：                                  pdf⼯具
css相关
autoprefixer：样式的后处理⼯具，添加  --webkit-- 等
postcss-import：                          PostCSS插件通过内联内容来转换@import规则。postcss-pxtorem：                          px转换rem的⼯具
postcss-url：                              PostCSS插件可以在url（）上进⾏变基，内联或复制。cssnano：构建在postcss上的css压缩插件
amfe-flexible：辅助postcss-pxtorem处理index.html的三⽅包
less：                                    css预处理语⾔
sass：                                    css预处理语⾔
scss：                                    css预处理语⾔
extract-text-webpack-plugin：              css提取⼯具
optimize-css-assets-webpack-plugin：⽤于优化或者压缩CSS资源
animate.css：预设css3动画库
mini-css-extract-plugin：                  css提取
ts
typescript：                              ts
vue-class-components：                    ts=》component，vue-property-decorator的依赖vue-property-decorator：                  vue的ts语法装饰器
ts-import-plugin：                        ts按需加载⼯具，类似 babel-plugin-import
lint
eslint：                                  eslint
eslint-plugin-prettier：                  eslint+prettier插件
eslint-plugin-vue：                        eslint+vue插件
@typescript-eslint/eslint-plugin：        ts的eslint插件
@typescript-eslint/parser：                ts的eslint解析器
eslint-config-airbnb-base：                extends: 'airbnb-base'  最严格的规范
eslint-friendly-formatter：让lint的错误信息打印到终端
eslint-plugin-import：                    import语法⽀持及使⽤错误校验
commit限制
cz-conventional-changelog：规范提交⽇志
husky：                                    githook⼯具
lint-staged：是⼀个在git暂存⽂件上运⾏linters的⼯具
validate-commit-msg：验证commit信息
库
vux：基于WeUI开发的ui库
vant：有赞开源移动h5 ui库
vue-ydui：                                YDUI ui库
@antv/f2：蚂蚁移动端可视化echarts：数据可视化
element-ui：饿了么ui库
vue-baidu-map：百度地图
vue-amap：⾼德地图
masonry-layout：⽹格布局库
⽅法/类库
axios：前端请求⼯具
dsbridge：                                jsbridge⼯具
throttle-debounce：节流防抖⽅法库
async-validator：表单的异步验证
we-validator：⼩程序表单验证插件dayjs：处理时间和⽇期的 JavaScript 库js-base64：                                Base64编码、解码
js-md5：                                  md5编码、解码
query-string：⽤于分析query内容的分析器。moment：⽇期处理类库
sortable.js：排序⼯具
viewerjs：图⽚操作库
clipboard：复制剪切⼯具
d3：数据可视化js库
lib-flexible：弹性流布局
其他
webpack：                                  webpack
webpack-cli：脚⼿架
webpack-bundle-analyzer：包分析⼯具
webpack-dev-server：本地测试服务
webpack-hot-middleware：热启动
webpack-merge：配置合并⼯具
html-webpack-plugin：                      html插件
script-ext-html-webpack-plugin：          html-webpack-plugin的扩展脚本
prettier：代码格式化⼯具
progress-bar-webpack-plugin：构建美化⼯具
@sentry：⽇志监控
fastclick：规避移动端300毫秒等待⽤户双击的问题，⽴即判定为点击事件
swiper：移动端⽹页触摸内容滑动js插件
chalk：终端样式库
clean-webpack-plugin：⾃动删除dist
compression-webpack-plugin：压缩插件
connect-history-api-fallback：解决history路由模式浏览器刷新404问题的中间件
copy-webpack-plugin：在webpack中拷贝⽂件和⽂件夹
cross-env：运⾏跨平台设置和使⽤环境变量的脚本
es6-promise：                              promise
eventsource-polyfill：浏览器垫⽚=》EventSource
express：                                  nodejs express框架
friendly-errors-webpack-plugin：更友好的错误信息提⽰
http-proxy-middleware：                    node代理⼯具
mocha：单元测试
node-notifier：                            node弹窗⼯具
node-sass：                                sass-loader的⽀持模块
object-assign：                            Object.assign垫⽚
opn：跨平台open⼯具
ora：⽤于显⽰加载中的效果，类似于前端页⾯的loading效果
rimraf：⽤来删除⽂件和⽂件夹
semver：命令⾏⼯具
shelljs：                                  shell⼯具
laravel-echo：                            websocket订阅及⼴播中间件
socket.io-client：                        io⼯具
nprogress：页⾯加载进度条
wangeditor：富⽂本编辑器
add-asset-html-webpack-plugin：将JavaScript或CSS资产添加到html-webpack-plugin⽣成的HTML中happypack：多进程打包插件
portfinder：⾃动获取端⼝
uglifyjs-webpack-plugin：                  js压缩⼯具
pdfjs-dist：                              pdf预览⼯具
register-service-worker：⼀个脚本，⽤于通过常见事件的钩⼦简化服务⼈员的注册。
chai：单元测试⼯具
deepmerge：对象深度合并⼯具
resize-observer-polyfill：                resize观察垫⽚

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。