Laravel8安装前端Bootstrap Css库

在Laravel8版本中,改变了之前默认的Bootstrap库,使用Laravel Jetstream。这个库需要花费时间学习,我们现在急需使用Bootstrap库,来让现有的Bootstrap代码跑起来,所以开始安装Bootstrap库

安装Bootstrap

composer require laravel/ui:^3.0 --dev

引入Bootstrap

php artisan ui bootstrap

直行npm命令

npm install

该命令会下载node_modules文件夹,里面就包括了bootstrap,

然后安装两个所需模块

npm install --no-bin-link
npm add cross-env

删除不需要的目录

sudo rm -rf resources/css

因为Laravel8安装后resources目录会有一个css目录,估计这个是为Tailwind CSS所准备的吧!

最后优化,解决浏览器缓存问题

打开webpack.min.js文件,在.sass()方法后添加.version()方法

mix.js('resources/js/app.js', 'public/js')
    .sass('resources/sass/app.scss', 'public/css').version();//here

生成编译文件

npm run dev

执行以上命令后,会自动生成编译好的js和css文件到public目录
如果你想实时监听scss文件和js源文件的修改,使用以下命令:

npm run watch-poll

最后一步

php artisan ui:auth

本文链接:laravel-install-bootstrap

写的不错,赞助一下

扫一扫,用支付宝赞赏
扫一扫,用微信赞赏
laravel问题处理 2021-08-09

暂无评论~~