为什么我的SCSS不能加载，即使它在我的Laravel项目的React.js脚手架中的webpack.mix.js中？
为什么我的SCSS不能加载，即使它在我的Laravel项目的React.js脚手架中的webpack.mix.js中？
提问于 2021-01-17 09:36:00
我不确定为什么我的SCSS不能加载到我的VideoBackground.js组件中，即使它在我的Laravel项目中的webpack.mix.js文件中，这个项目是用React.js搭建的。在VideoBackground.js文件中声明的videoBackground.scss文件的文件路径以及在webpack.mix.js中声明的路径。
注意:在sass文件夹中有一个app.scss文件，我相信它是在使用React.js搭建我的Laravel项目时现成的。我需要利用这个吗？
我如何解决我的问题？
这是我的webpack.mix.js
const mix = require('laravel-mix');
mix.react('resources/js/app.js', 'public/js')
.sass('resources/sass/app.scss', 'public/css');
mix.react('resources/js/components/VideoBackground/VideoBackground.js', 'public/js')
.sass('resources/sass/VideoBackground/videoBackground.scss','public/css');下面是我的VideoBackground.js组件：
import React from 'react';
import '../../../sass/VideoBackground/videoBackground.scss';
function VideoBackground() {
return(
<>
<h1 className="yo">yo</h1>
</>
);
}
export default VideoBackground;回答 1
Stack Overflow用户
发布于 2021-01-17 11:58:04
app.scss主要用于搭建所有css和scss文件。将所有样式表文件包含在app.scss中，然后在webpack.mix.js中使用app.scss生成包public/app.css。
此外，在主blade文件中，您需要在javascript标记之前添加样式表标记(public/app.css)，一切都应该没问题。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/65756486
复制相关文章
相似问题
腾讯云开发者
