@for循环在precss或sass中的混合中

文章/答案/技术大牛

发布

1回答

css、for-loop、sass、mixins、postcss

我在我的precss样式表中有一个很棒的for循环。我想把它转换成mixin，这样我就可以为不同的媒体查询传递$size (字体大小)和$spacing(字母间距)的起始值。当我从mixin中调用循环时，我不能让变量在循环中递增。从样式表来看，它工作得很好。

浏览 18提问于2017-02-19得票数 2

1回答

我有一个非常基本的Webpack设置，但是在运行npm run build来捆绑我的模块时，Webpack给了我以下错误："Could not resolve the @import for ~bootstrap/scss/bootstrap.scss" 我已经安装了Bootstrap的依赖项，包括precss、autoprefixer、postcss-loader、jquery和popper.js。然后，我将引导带导入到我的SCSS文件中。&qu

浏览 0提问于2019-08-10得票数 1

回答已采纳

1回答

在运行带有顺风和bulma css的gulp任务时漏掉分号错误

css、gulp、bulma

我是gulp任务的新手。我正在练习呢。在谷歌上搜索了一段时间之后，我学会了写一些任务。我在我的项目中使用tailwind和bulma css。 "gulp-purgecss": "^3.0.0", "precss并

浏览 7提问于2020-11-25得票数 0

回答已采纳

2回答

Webpack SCSS和自动修复程序不能协同工作

compilation、sass、webpack、autoprefixer

有了以下用于资产编译的webpack配置，我不能让自动修复程序工作。提取的css没有获得所需的前缀。var webpack = require('webpack'), autoprefixer = require('autoprefixerbrowsers=last 2 version', &

浏览 0提问于2016-07-06得票数 1

1回答

Webpack CSS加载器不会解析注释

reactjs、css-loader、react-starter-kit

/~/bootstrap-sass/assets/stylesheets/_bootstrap.scss // Core variables and mix

浏览 3提问于2016-03-06得票数 0

回答已采纳

1回答

和webpack一起不工作

sass、webpack、postcss

我正在用webpack，react，babel和Sass开发一个应用程序。我一直在试着让Sass工作，但这不是在玩球。它没有抛出任何错误，只是它似乎没有正确编译，当我检查Dev工具中的元素时，它只是说“无效属性值”，其中我引用了一个变量。有什么明显的事情我做错了吗？@import '../../../node_modules/normalize.css/nor

浏览 1提问于2017-04-15得票数 1

回答已采纳

1回答

如何在webpack中跨文件使用程序变量和@ rules

webpack、postcss

我正在尝试使用precss来获得类似于sass的功能，在这里我可以@定义全局文件中的mixins/extends和$variables，然后我可以从其他文件中引用它们，但是我似乎无法弄清楚webpack的配置。100px;styles.css @extends box;} 我的webpack2配置非常简单：

浏览 11提问于2017-08-25得票数 1

1回答

不能使用webpack配置自动重修复

sass、webpack、autoprefixer、postcss

我在这些设置中没有得到任何前缀。Cssnano和write to style.css工作正常，但是没有从我的sass添加前缀到css。var webpack = require('webpack');var precss = require('precss'); var E

浏览 0提问于2016-08-22得票数 0

2回答

Webpack自动修复不适用于建议的配置

javascript、css、node.js、sass、webpack

所以我在工作的时候 { loaders: ["style", "css", "sass"]],}} 我做了那个文件并把这个放进去了

浏览 2提问于2016-10-20得票数 1

2回答

使PhpStorm识别CSS中的PreCSS (类似Sass)变量

css、phpstorm、webstorm

我遵循了一个教程，该教程通过一个名为 (一组添加了类似Sass功能的插件)和的包在.css文件中使用变量。这些包是一口大口地要求的。我有一个名为_variables.css的文件，在定义变量时，所有内容都变成红色，并显示“选择器匹配未知元素”。但是，如果使用Sass，它会起作用吗？不过，使用变量也是一样的原理。在项目设置-检查中，SASS/SCSS被激活，所以我猜它应该能识别Sa

浏览 0提问于2016-04-08得票数 7

11回答

错误:导入未找到或不可读的文件：~bootstrap/scss/bootstrap

javascript、node.js、twitter-bootstrap、express、webpack

我按照的指示，认为一切都能正常工作。并不是那么远:\我尝试过npm安装，重新启动我的服务器，查看Google，StackOverflow (是的，我知道有很多类似的问题，但他们都没有回答我的问题可能是我在错误的地方安装了依赖项吗？(开发而不是生产或vis-

浏览 0提问于2018-01-25得票数 39

回答已采纳

1回答

Autoprefixer vs LESS/Sass混合？

css、sass、less

工具是一个CSS后处理器，它将正确的供应商前缀添加到其他“幼稚”的样式声明中。对于生成特定于供应商的样式这一相同目标，这与和提供的mixins相比(在有效性和开发人员体验方面)如何？

浏览 1提问于2013-08-24得票数 13

2回答

*如何使用webpacker在Rails中导入**/* glob scss*

ruby-on-rails、webpacker

我使用的是Rails5.2应用程序，并且有一个填充了单个导入的application.scss文件@import '../stylesheets/components/*';ERROR in ./node_modules/sass-loader&#x

浏览 4提问于2019-01-05得票数 8

2回答

在现有项目中进行或多或少的破坏，并与不使用sass/less的程序员协作

css、sass、less

好的！我最近想到了学习sass/less，它很有趣，我非常喜欢实现它们。现在真正的问题是我如何在css中实现已有的项目。我知道css是非常向后兼容的。但我不想强迫所有的项目成员减少使用。在现有项目上实现less会有什么问题吗？？

浏览 4提问于2012-03-16得票数 0

回答已采纳

1回答

Webpack & PostCSS函数Mixins不可见

webpack、webpack-dev-server、postcss

目前的项目有反应，webpack和后座。这里的目的是创建全球混合器。我确实尝试了几种方法，并得出了以下结果。第一意图 require('postcss-import'), require('postcss-mixinsbrowsers: ['last 2 versions', '> 5%'],]

浏览 3提问于2017-04-10得票数 0

回答已采纳

1回答

CSS_MODULES:模块构建失败，解压缩-文本-webpack-插件

javascript、css、reactjs、webpack、css-modules

当我在生产环境中提取带有CSS模块的CSS时，它会报告一个错误，但它在开发环境中运行良好。= require("precss");我的

浏览 3提问于2017-05-03得票数 2

回答已采纳

1回答

减少到Sass:如何在(默认())转换为sass时减少保护

css、sass、less

我正在尝试将一些混合物从较少的转化为sass。这两种语言我都不是很熟练，所以我一点也不确定我做得对不对。原始的较少的混合物：我确定了三个主要问题：( 1)如何翻译sass中的警卫？在一个混合器中收集相同数量的参数并在其中写入条件块是正确的吗？2) (默认())

浏览 5提问于2016-08-24得票数 1

回答已采纳

2回答

Sass在另一个sass文件中导入部分内容。

css、sass

我想在我的新项目中使用sass，但是我找不到更好的方法来使用跨文件。我想使用mixA而不将其他scss(如classInA)导入到b.scss中，我该如何做呢？

浏览 2提问于2015-10-06得票数 2

回答已采纳

1回答

您可能需要一个适当的加载器来处理此文件类型，当前没有配置加载器从‘./component/coun.jsx’导入计数器

javascript、reactjs、webpack

我正在尝试设置一个新的js/typescript环境来练习web dev，同时使用react、yarn和webpack，但是当我尝试设置它的时候，我一直收到这个错误。我当前的配置如下所示。我对这一切都是新手，所以如果你看到任何我应该改变的地方，请让我知道。postcss-loader', plugins: function () { return [require('precss<

浏览 68提问于2020-06-13得票数 1

回答已采纳

1回答

无法将函数作为参数传递给混合器

sass、mixins

我正在尝试创建一个混合Sass，用于:悬停操作，但我无法使它工作。我宣布混合： color: $action($color, $amount);我的想法是使用来改变鼠标悬停时的颜色，主要是通过点亮或使其变暗。我希望这和 &:hover { }相反，它在普通CSS

浏览 4提问于2014-02-10得票数 2

回答已采纳

点击加载更多