SASS相对url配置错误

文章/答案/技术大牛

发布

1回答

reactjs、sass、routing

我正在做React项目，我在使用相对路径从scss文件指向图像资源时遇到了一个问题。一般来说，相对路径在本地工作，但在部署到github页面后，到镜像资产的路由缺少github repo name部件。我不知道是因为webpack的配置问题，还是我写的相对路径不正确。│ ├───common │ ├───projects └───home scss文件中定义的示例url路径： .big-center-cir

浏览 35提问于2020-04-19得票数 0

回答已采纳

2回答

如何跟webpack一起跑@font-face？

webpack、vue.js、vuejs2、font-face、webpack-2

这是我得到的一个错误。我尝试使用url-loader和file-loader，但都不能解决这个问题。我对webpack和vue都是新手，所以我不知道我做错了什么。 font-family: 'Lato-Light';opentype'), <

浏览 8提问于2018-07-19得票数 1

1回答

在PHPStorm中使用SASS解决资产位置问题

sass、phpstorm

我有一个项目，其中的基本资源文件夹结构如下所示：/css/sass/imagesbackground: url(../images/foobar.png); 但是，由于该路径是CSS目录的相对路径，因此PHPStorm将其标记为错误。有没有办法将PHPStorm配置

浏览 0提问于2014-01-03得票数 9

2回答

导入的Sass文件找不到字体文件

sass、gatsby

我的_typography.sass有一个如下的font-face声明： font-family: 'BrandonPrinted' src: url(../..#iefix) format('embedded-opentype'), url(../../src/page-assets/work-ive-done/subpages/web-animations/styles/web-

浏览 15提问于2018-01-10得票数 3

1回答

在sass中添加背景图像

vue.js、sass

这是Sass代码 background: url ('....="learn"> Learn More</a> </div> </div>有趣的是，没有显示错误信息没错，零错误信息。对于你们中的大多数人来说，这应该是一个非

浏览 0提问于2019-07-31得票数 2

回答已采纳

1回答

Spring MVC与Sass

css、spring、model-view-controller、sass

我正在开发一个Spring MVC项目，并将其功能扩展到使用Sass。我正确地安装了Sass并验证了这一点。我在netbeans配置中选择了编译器(Sass.bat)，但是当我保存Scss文件时，我没有找到输出。我知道这是一个文件目录映射问题。我尝试了几种相对文件URL的组合，但都不能正常工作。

浏览 0提问于2017-10-16得票数 1

2回答

Webpack 4生产构建不加载图片和CSS

css、angular、webpack、sass

bundle publicPath: '/' // public URL' // compiles Sass to CSS }, test: /\."file-loader": "^1.1.11

浏览 0提问于2018-06-30得票数 0

2回答

vuejs: vue-cli webpack模板无法解析sass导入

webpack、vue.js、sass、vue-cli、vue-loader

在使用节点模块的导入从Sass编译样式时，我遇到了一个关于webpack/vue-cli的问题。@import '~bootstrap/dist/css/bootstrap.min.css'; // not working, cannot resolve path (sass-loader syntaxnode_modules/bootstrap/dist/css/bootstrap.min.css'; //

浏览 1提问于2018-02-26得票数 2

1回答

启用源映射时不会加载图像

javascript、css、webpack、source-maps、css-loader

css-loader": "^0.26.0", "html-webpack-plugin": "^2.24.1", "sass-loader": "^4.0.2", "style-loader": "^0.

浏览 2提问于2016-11-22得票数 1

回答已采纳

1回答

Webpack，sass，用url进口css

sass、webpack

我导入一个css文件，并在其中声明了一个字体面，其中包含一个相对URL。sass装载机链，因为它是角组件样式。sass'当我这样做时，将复制物化文件的内容。当我加载页面时，它尝试从错误的目录加载字体，因为相对路径是错误的。所以字体是存在的，但问题是css的内容被复制了两次，并且它从前面的路径多次加

浏览 3提问于2016-07-01得票数 1

2回答

SASS文件中的角2和Webpack - url()即使使用解析url-加载程序也不能解析。

angularjs、sass、webpack

我继续跑npm install --save-dev node-sass sass-loader resolve-url-loader。进展得很好。我一直在犯这个错误：找不到./~/css-loader!./~/resolve-url-loader!./~/sass-loader/lib/loader.js?sourceMap!.sass-loader?sourceMap!resolve-

浏览 3提问于2017-02-24得票数 2

1回答

带Webroot文件夹的罗盘雪碧片路径

sass、compass-sass

我的config.rb最初看起来是这样的：css_dir = "public/css"images_dir我设置了http_path = "public"并获得了双重公共public/public/images/sprites-s500a0fe4b1.png 我使用images_path尝试了更多的配置，但是都没有效果我现在所

浏览 7提问于2014-06-05得票数 4

回答已采纳

3回答

Webpack url和文件加载器不使用角2所需的组件样式。

sass、angular、requirejs、webpack

我正在构建一个带有角2、sass和webpack的应用程序，我在每个组件中都需要的sass文件(使用required )上的url有问题；它不会将这些文件复制到资产文件夹，也不会将url修改到已构建的csssass?', 'sass?沙斯background: url('../../../public/img/hero-bg.jpg'); ...编辑:我忘记提到这也是使用

浏览 1提问于2016-05-23得票数 7

回答已采纳

1回答

如何强迫Webpack在构建过程中忽略URL解析中的错误？

webpack、webpack-style-loader、extract-text-plugin

background.jpg ├── scss/ └── app.js 当我为app.scss中的背景图像(如background-image: url("/img/background.jpg"); )指定一个绝对URL时，它将工作得很好。但是，如果我指定一个相对URL (如background-image: url("../img/bac

浏览 2提问于2019-02-06得票数 0

回答已采纳

2回答

Laravel中的全局可访问sass变量

laravel、laravel-5、webpack、vuejs2、laravel-mix

</style>mix.js('resources/assets/js/app.js', 'public/js') .webpackConfig({

浏览 5提问于2017-11-12得票数 0

1回答

Sass引发的“错误:找不到要导入的样式表”

sass

文件夹结构：错误描述：Sass版本：ParcelJS通过将我的Sass/Scss代码编译成简单的CSS解决了我的问题，但是我不想在这样一个小项目中使用它。如果我不使用@use或@import，Sass就能够编译我的代码。

浏览 2提问于2022-03-11得票数 2

回答已采纳

1回答

Webpack不能解析svg

javascript、webpack

当我尝试使用svg作为具有相对路径的背景时，Webpack无法解析svgwebpack给我‘无法解决’的错误实

浏览 55提问于2021-05-19得票数 0

1回答

WebPack + SASS* :如何生成相对图像路径？*

sass、relative-path、sass-loader、webpack-3、extracttextwebpackplugin

原因很简单：如果最终CSS中生成的URL是相对的，则应该正确地加载图像。无论我在SASS文件中使用的是绝对路径还是相对路径，最终输出总是绝对的。我目前使用：摘录-文本-webpack-插件3.0.0

浏览 2提问于2017-09-14得票数 2

回答已采纳

3回答

Vuetify & Webpack -编译自定义变量时出错(sass-加载程序失败)

vue.js、vuejs2、vuetify.js

根据原始文档和一些堆栈溢出答案，我对文件进行了一些更改，但仍然会收到编译错误。ERROR in .:16) at$2

浏览 7提问于2021-03-06得票数 1

回答已采纳

2回答

如何在webpack中设置文件加载器的特定前缀？

javascript、css、webpack

我有字体的sass文件： font-family: 'Materialfont-style: normal; src: local('Material Icons'), local('MaterialIcons-Regular'), url[ext]') }, 这

浏览 2提问于2015-11-04得票数 3

回答已采纳

点击加载更多