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: [