postcss

0热度

1回答

如何应用`postcss-import`配置的插件

我刚刚开始使用PostCSS专门用于Webpack。当使用postcss-import来内联外部样式表时，我发现它的选项允许我们配置插件和变换器以应用于导入的源代码，但是我对如何将这与适用于主要PostCSS运行器的其他选项配合在一起感到有些困惑。例如，如果我想内联网址，我应该将postcss-url插件添加到postcss-import，PostCSS运行器还是两者（如果我的主样式表也有URL

0热度

1回答

如何使用PostCSS自动重置？

似乎没有文档，我不完全理解Github page上的代码示例。我认为它会自动附加重置规则到输出CSS文件。该文档使用诸如.block之类的内容，但没有说明它们的用途。以下内容是什么意思？ .block { padding: 1em; } .block:hover { background-color: red; } .block__element {

1热度

2回答

postcss-autoreset使用浏览器的默认值覆盖字体家族

我使用的postcss-autoreset将all: initial;应用于我CSS样式中的任何元素。但是，当我尝试设置body元素的字体时，只有我没有在CSS中设置样式的元素才会获取字体。我设计的元素恢复为浏览器的默认设置。这很奇怪。 all: initial;似乎是压倒一切font-face，因为当我在Chrome浏览督察它显示为重写。下面是一个例子，页面上的所有元素都以Roboto字体显

4热度

2回答

什么是postcss，自动复位和postcss-最初的目的

的目的是什么了： PostCSS Autoreset PostCSS Initial 的文档上都非常稀疏，并不真的解释为什么要使用它们以及它的目的是什么。我试过autoreset。它似乎把all: initial放在你风格的每个元素上。在查看输出时，这看起来非常浪费。它是如何任何不同： * { all: initial, font-family: "Roboto" }

4热度

2回答

如何禁止使用webpack和post css的警告

如何禁止webpack加载post css文件产生的警告？警告例如： WARNING in ./~/css-loader!./~/postcss-loader!./src/components/Navigator/Navigator.css postcss-custom-properties: C:\StackData\bd\src\components\Navigator\Navigator

3热度

2回答

将样式数组传递给React组件

我想使用postcss-loader和css模块将样式数组传递给React组件。我编译CSS文件webpack.config.file看起来是这样的： loaders: [ 'style-loader', 'css-loader?modules&importLoaders=1&localIdentName[name]__[local]___[hash:base64:5]',

5热度

1回答

ExtractTextPlugin和postCSS - autoprefixer不工作

我试图设置webpack有一个编译通道，它扫描一个文件树中的所有css文件，然后生成所有样式捆绑，autoprefixed和最小化的css文件。我无法使autoprefixer插件工作。下面是相关的WebPack配置部分： const webpack = require('webpack') const path = require('path') const glob = require

0热度

1回答

没有autoprefix与webpack配置

我没有收到这些设置的前缀。 Cssnano和写入style.css正在工作，但没有从我的sass添加到CSS的前缀。我刚刚开始使用webpack，所以也许我只是没有得到它。配置： var development = process.env.NODE_ENV !== "production"; var webpack = require('webpack'); var path = requ

0热度

1回答

与Webpack，React，postCSS和可能的其他JS代码正在注入适当生产问题

我有一个问题，我的webpack.prod.config正确地建立我的资产或可能是我的JS巴贝尔配置的问题。我可以让它与开发版本一起工作，它将我的CSS内联，但当我尝试将它合并为一个CSS文件进行生产时，它不工作。无论发生什么，它都可以在Dev中工作，通过在每个相应组件中导入'./filename.css'直接注入CSS。它也可能是JS，但无论哪种方式，当我构建产品时，CSS不能正常工作，也不是

0热度

1回答

在gulp-postcss或其外部使用autoprefixer有什么区别？

我使用Gulp和已经使用了Gulp Autoprefixer独立如： gulp.task('styles', function() { gulp.src('scss/**/*.scss') //................. .pipe(sass()) .pipe(autoprefixer({ browsers: [