第十三讲:laravel里的前端框架的选择与切换

 

 

 

前端框架的切换和选择

 

 

 

执行 artisan preset none

 

 

 artisan preset bootstrap

 artisan preset vue

 

 这里的框架命令切换有个小bug 开箱环境是vue 如果不执行none 而是直接从vue 切换到 bootstrap 前端会不生效,需要先切换到none,再切换到bootstrap;

在artisan preset none以后再执行artisan preset bootstrap，就会导致bootstrap这个前端框架的js文件没有加载上，同时jQuery也没有加载上，从而导致我们课程中的模态框只是有css样式，但是点击并不会弹出模态框

 

（问题原因）

由于这个preset命令的bug，导致resources/js/bootstrap.js中下面这块代码没有被加上

1. try {
2. window.Popper = require('popper.js').default;
3. window.$ = window.jQuery = require('jquery');
4. require('bootstrap');
5. } catch (e) {}

可以看到这块的作用就是尝试加载bootstrap和jQuery相应的js文件

 

（问题解决）

如果你也遇到了上述问题，就在你的resources/js/bootstrap.js中加入上面的这块代码，然后再编译即可

切换 前端框架之后,public 目录里就没有了js和css 文件.需要重新编译;