如何使用我的标准 Laravel 项目正确设置 MDBootstrap
我正在学习如何使用 Laravel,并且对使用 MDBootstrap 设计我的网页很感兴趣。但是,我不知道如何正确地将其集成到我的项目中。我不想使用 CDN 链接它,而是想将它安装到我的项目中。
有人可以向我展示在基本的 Laravel 项目中实现此目的的必要步骤吗?
Laravel 带有 2 个前端包管理器:npm 和 yarn
npm
npm i mdbootstrap
yarn
yarn add mdbootstrap
之后,您的包位于 node_modules 目录中。
您可以 导入 sass 文件,并将 js 从包合并到 vendor.js 。
您可以使用 配置 使用 webpack.mix.js
将哪些内容转译到哪里>
运行
npm run dev
将开始转译。
如果您想安装 mdbootstrap pro,您应该按照以下步骤操作
- 获取许可证并发送邮件至 [email protected] 请求访问他们的 git repo(因为他们没有自动执行此操作)
- 在 gitlab 上生成访问令牌
-
运行
npm install git+https://oauth2:[TOKEN]@git.mdbootstrap.com/mdb/[REPO].git --save
其中 [TOKEN] 是您在步骤 2 中获得的令牌,而 [REPO] 是您从 jquery、angular、vue 或 react 选项中需要的令牌。您可以通过访问 git.mdbootstrap.com 并选择正确的项目来找到确切的网址。在右上角找到 克隆 按钮并复制 https 链接。
如果您不想使用CLI /NPM,则有一种简单的方法可以将MDBootstrap导入Laravel。您的公共/JS文件夹。 接下来,将MDB CSS文件(应有大约8个)复制到您的public/css文件夹。
574401189
...然后在您的关闭车身标签之前(我使用“脚”刀片包括),添加以下内容:
702529058
...只需记住在新版本时更新文件即可。因为没有NPM就不会自动发生。