在新的Laravel安装中安装Bootstrap 4

时间:2017-09-21 15:16:38

标签: laravel-5 bootstrap-4

如何在新的Laravel 5.5安装中运行Bootstrap 4 Beta?我需要能够对样式表和javascript进行版本控制,但我似乎无法使其正常工作。

1 个答案:

答案 0 :(得分:4)

我明白了!这个过程似乎没有很好的记录,所以我决定在这里发布,以防任何其他人与这个过程争斗!

创建新项目后,导航到package.json文件并删除bootstrap-sass。完成此操作后,删除node_modules文件夹。

1)在您的终端运行npm install bootstrap@4.0.0-beta --save

2)在您的终端运行npm install popper.js --save

3)如果需要,运行npm install以安装任何其他节点模块。

4)导航到resources/assets/js/bootstrap.js文件并进行以下更改:

try {
  window.$ = window.jQuery = require('jquery');
  window.Popper = require('popper.js').default;

  require('bootstrap');
} catch (e) {}

5)打开webpack.mix.js文件并添加以下内容:

mix.js('resources/assets/js/app.js', 'public/js')
   .sass('resources/assets/sass/app.scss', 'public/css')
   .version();
mix.browserSync('bootstrap.dev');

6)现在,如果你运行npm run watch,如果你已经正确地完成了所有事情,你的Laravel 5.5项目现在应该使用Bootstrap 4 Beta运行!