mdb-webpack-starter Bootstrap 5Material UI组件入门配置
基于Bootstrap 5的 Material 风格组件，配上Webpack的模块化打包，mdb-webpack-starter算是个挺省事的起步工具了。你不用从头配置，直接就能上手定制自己的 UI。嗯，适合那种已经摸过 Webpack 和npm的前端，刚入门的话建议别一上来就整这个。
安装方式挺直白，先跑npm install，再用带 Token 的命令拉私有库。像：
npm install git+https://oauth2:ACCESS_TOKEN@git.mdbootstrap.com/mdb/standard/mdb-ui-kit-pro-essential如果是专业版，还得换成：
npm install git+https://oauth2:ACCESS_TOKEN@git.mdbootstrap.com/mdb/standard/mdb-ui-kit-pro-advan别忘了，ACCESS_TOKEN要你自己去 MD Bootstrap 官网生成，不能直接用这行。
UI 方面走的是 Material Design 2.0 那一套，风格还挺现代，适合做后台、管理界面啥的。你要是喜欢那种“卡片+阴影”的布局，这套挺顺手的。
有 Webpack 基础的朋友应该能快速上手，要是你对babel-loader、scss这些不太熟，可以先看看Webpack 与 babel-loader 文件预器深度解析这篇，讲得还挺清楚。
哦对了，别忘了这个 Starter 主要是给开发自定义主题用的，不是说拿来就直接能上线。所以调试起来得稍微有点耐心。
如果你正好想自己做点风格独特的组件，不想被 Bootstrap 默认样式绑死，那这个 Starter 还挺适合的。
文件大小：18.34KB
评论区