私は何ヶ月もの間、Parcel にベンダー プレフィックスを追加させようとしてきました (今では不可能な夢のようです)。Parcel 2 はこれを適切に行うと言われましたが、生成された css ファイルにまだベンダー プレフィックスが表示されません。他のすべては正常に機能しているようです。一度は機能しましたが、二度と機能しませんでした。一度機能した後は何も変更していませんでした。
これを行うには方法が必要です! 問題は postcss-modules に関連していると思いますが、どうですか?
私のpackage.json:
{
"name": "static-boilerplate",
"version": "1.0.0",
"description": "Boilerplate for building static websites with Parcel",
"main": "index.html",
"scripts": {
"start": "parcel serve src/index.html -p 3000 --open",
"prebuild": "rm -rf dist/*",
"build": "parcel build src/index.html"
},
"keywords": [
"parcel",
"boilerplate",
"static",
"website"
],
"author": "Tom Tillistrand repo",
"license": "ISC",
"devDependencies": {
"@babel/eslint-parser": "^7.12.1",
"@babel/plugin-transform-runtime": "^7.13.10",
"@babel/preset-env": "^7.11.0",
"@babel/runtime-corejs2": "^7.13.10",
"@parcel/transformer-sass": "^2.0.0-nightly.621",
"autoprefixer": "^9.8.6",
"css-mqpacker": "^7.0.0",
"parcel": "^2.0.0-beta.1",
"postcss-custom-properties": "^11.0.0",
"postcss-modules": "^4.0.0",
"sass": "^1.26.10"
}
}
私の .postcssrc ファイル: (「modules: true」を使用するかどうかはわかりませんが、今のところどちらの方法も機能しません)
{
"plugins": {
"autoprefixer": {
"grid": true
},
"postcss-custom-properties": true,
"css-mqpacker": true
}
}
私の .babelrc ファイル:
{
"plugins": [
[
"@babel/plugin-transform-runtime",
{
"corejs": 2,
"regenerator": true
}
]
]
}