我怀疑相对于sass和laravel使用bootstrap 4的正确方法是什么?它等于只是下载源文件并将它们放在公共文件夹中或者最好使用npm?
对于每种情况,使用laravel配置引导程序的正确过程是什么?
对于刚刚下载源文件的情况,我们可以在/ public / css /中创建一个bootstrap文件夹,并在那里粘贴源文件夹中的sass文件?但那么如何在html文件中导入css?
对于使用npm的情况,你知道一些有用的教程吗?看来有很多方法,但有一些推荐的过程可行吗?我在项目文件夹npm install [email protected]
上使用命令,然后将bootstrap.js“bootstrap-sass”更改为“bootstrap”,然后在app.scss中将第3次导入更改为“@import "node_modules/bootstrap/scss/bootstrap
”。我不知道这个过程是否正确,但如果是,现在要编辑布局,我们应该在node_modules内的bootstrap文件夹中执行bootstrap css文件?或者我们应该将该引导文件夹复制到公共文件夹或其他什么?
这是我如何做到的
首先,摆脱你将不再使用的东西
yarn remove bootstrap-sass
然后安装你需要的东西
yarn add [email protected] popper.js
现在打开resources / assets / bootstrap.js(与我们谈论的Bootstrap无关)
寻找
require('bootstrap-sass');
替换它
window.Popper = require('popper.js');
require('bootstrap');
然后转到resources / assets / sass / app.scss
寻找
@import "~bootstrap-sass/assets/stylesheets/bootstrap";
并替代它
@import "~bootstrap/dist/css/bootstrap";
而已!
你应该能够运行yarn run dev
或yarn run watch
并看到更改生效。