Reactアプリケーション(create-react-appから取り出されました)があり、PostpackをWebpack構成に追加しようとしています。postcss-loaderがprecssを認識しないWebpack
は、ここに私の(短縮)webpack.config.jsです:
module.exports = {
plugins: [
require('precss'),
require('autoprefixer')
]
}
マイファイル構造は次のとおりです:
project/
src/
assets/
components/
styles/
views/
index.js
package.json
postcss.config.js
webpack.config.js
ときここに私のpostcss.config.js
...
const postCSSConfig = require('./postcss.config');
module.exports = {
...
module: {
loaders: [
...
{
test: /\.css$/,
loaders: [
'style-loader',
'css-loader?importLoaders=1',
'postcss-loader'
]
},
...
]
},
postcss: function() {
return postCSSConfig;
},
...
です私は自分のCSSにPreCSSの機能のいくつか(例えばネスティングや変数など)を含めようとしています。スタイリングを壊してうまく動作しません。しかし、autoprefixer
が動作します。私はPreCSSのためにnpm install
を走らせて、物事を再配置しようとしましたが、まだ運がありません。アドバイスをいただければ幸いです。
壊れたときのエラーは何ですか? –
@AdamWolskiエラーはありません。CSSはネスト(および他のprecssのもの)をサポートしていません。 –
あなたの設定から 'postcss'フィールドを削除してみてください。プラグインは、それ自身のファイルを探す必要があります。 –