在使用@import将字体导入到我的主scss文件中时,我遇到了一个问题。问题是字体可怕的_varibles.scss使用相对路径导入字体../fonts/*。这会导致错误,因为webpack试图相对于入口点加载文件,而入口点是sass的主文件。我一直在尝试使用一些选项,比如没有运气的includePaths和像resolve-url-loader这样的加载器。我尝试过多种途径,但没有joy。main.scss文件位于sass文件夹中,同时还有一个供应商文件夹,该文件夹保存字体出色的数据。
test: /\.scss$/,
use
我在尝试让LiveReload与Gulp Connect插件一起工作时遇到问题。
下面是我的gulpfile.js
我的html文件与gulpfile.js位于同一目录中,所有的sass文件都从同一文件夹(smacss)导入到/sass/styles.scss中,而其他部分文件则导入到/sass/modules/*.scss中
感谢您的帮助
var gulp = require('gulp');
var sass = require('gulp-sass');
var connect = require('gulp-connect');
gul
我正在尝试将slick-theme.scss导入到我的父级scss中
@import "../node_modules/slick-carousel/slick/slick-theme.css";
但是在捆绑期间,我在导入到slick-theme.scss中的文件上收到错误。这是错误日志
ERROR in ./node_modules/css-loader!./node_modules/postcss-loader/lib!./node_modules/sass-loader/lib/loader.js!./sass/app.scss
Module not found:
在我的样式文件夹中,我有两个子文件夹mobile和desktop,这两个子文件夹都导入到主style/app.css文件中,如:@import 'mobile/mobile'; @import 'desktop/desktop';
它工作得很好。但在我的例子中,这个导入需要分成两个不同的屏幕尺寸,所以我喜欢:
@media only screen and (max-device-width: 768px) {
@import 'mobile/mobile';
}
@media only screen and (min-device-width
我试图在引导4中使用角应用程序中的CSS变量将默认的主Sass变量改写为自定义颜色,如下所示:
styles.scss
:root {
--primary: #00695c;
}
$myPrimary: var(--primary);
$primary: $myPrimary; // This does not work
@import '../node_modules/bootstrap/scss/bootstrap';
在编译我的应用程序时,我会得到这个错误:
Failed to compile.
./src/styles.scss (./node_module