Laravel-将自定义样式添加到现有app.scss

查尔斯·林德伯格·麦吉尔

我是Laravel的新手,我已经阅读了有关Stackoverflow的其他一些问题,这些问题涉及向Laravel添加自定义样式。

我之所以要创建一个新的stackoverflow问题,是因为Laravel似乎只编译了一个app.css,同时也加载了引导程序。我认为这是通过运行npm run devapp.scssresources sass文件夹中进行编译创建的

在给定的文件引导中,@import '~bootstrap/scss/bootstrap';我也想通过自己的自定义样式来遵循此原则,这样我就可以从@import '~mywebsite.css';

这样,我最终得到一个单个的.css文件,我认为它更加雄辩。

解决这个问题的合适方法是什么?此外,正在导入的“引导程序”样式位于何处?我不明白“〜”的位置。

最后但并非最不重要的一点是,是否可以对app.js文件使用相同的方法

非常感谢

  • 卡盘
巴勃罗·普恩特

您可以在/ resources / sass中创建一个新的sass文件,例如_test.sass,然后将导入文件放入app.sass中,如下所示:

@import 'test';

并使用npm run dev或npm run watch进行编译

如果需要在公用文件夹中创建一个新文件,则可以创建一个新的sass文件(example.sass),然后更改webpack.mix.js文件,并按如下所示放置新的CSS行:

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

并使用npm run dev进行编译。

问候!

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何在Laravel 5中将自定义配置文件添加到app / config?

如何将自定义属性添加到 Laravel 分页 json 响应

Laravel将自定义中间件添加到路由组

如何将自定义事件添加到Laravel模型

将自定义函数添加到Auth类Laravel(扩展了Guard类)

将自定义中间件添加到Laravel Passport端点

将自定义样式添加到Mahapps.Metro现有样式

如何在laravel-backpack中将自定义js文件添加到特定实体CRUD的每个页面

如何将自定义验证规则添加到默认的Validator :: make($ data ...在laravel中注册?

带有 scss 的 ionic3 自定义样式

Laravel Mix 将多个全局 SCSS 文件导入 app.scss

无法在Laravel的app.scss中导入“ bootstrap-select”

将自定义样式的按钮添加到CKEditor

将自定义字段添加到Dokan上的现有表单(wordpress / woocoomerce)

将自定义命令添加到qmake中的现有目标

将自定义函数添加到 Python 中的现有类

Rails将自定义路由添加到现有资源

将自定义属性添加到现有视图

如何将自定义AxisItem添加到现有的PlotWidget?

将自定义字段添加到现有视图的问题

如何使用Java将自定义字段添加到Salesforce中的现有对象

如何将 SCSS 样式添加到 React 项目?

CSS/SCSS - 自定义属性样式的可重用 mixin

如何将年份添加到 Laravel 6 中的自定义唯一增量

如何将包添加到自定义 Laravel 包中?

Laravel 5:添加自定义样式/脚本

SCSS如何定义动态样式

是否可以将自定义视图添加到您无法访问项目文件的现有MVC站点?

如何以编程方式将自定义NSToolbarItem添加到现有工具栏