无法在 npm 脚本中正确配置 Autoprefixer
Can't properly configure Autoprefixer in npm scripts
我正在尝试配置 PostCSS Autoprefixer,但它不起作用。它应该在同一个 'css' 文件夹中输出新的 style.prefix.css
文件。请帮助我理解我的 npm script/setup
有什么问题
这是我的 package.json
{
"name": "sb-demo-website",
"version": "1.0.0",
"description": "demo website",
"main": "index.js",
"scripts": {
"sass": "node-sass-chokidar sass/main.scss css/style.css -w --recursive --skip-initial",
"compile-sass": "node-sass-chokidar sass/main.scss css/style.comp.css",
"prefix-css": "postcss css/style.comp.css -o css/style.prefix.css --use autoprefixer"
},
"repository": {
"type": "git",
"url": ""
},
"author": "tk",
"license": "ISC",
"bugs": {
"url": ""
},
"homepage": "",
"browserslist": "last 3 versions",
"devDependencies": {
"autoprefixer": "^10.0.0",
"node-sass": "^4.14.1",
"node-sass-chokidar": "^1.5.0",
"postcss": "^8.0.5",
"postcss-cli": "^7.1.2"
}
}
这是我 运行 我的脚本时的输出:
$ npm run prefix-css
> sb-demo-website@1.0.0 prefix-css C:\Users\tk\Documents\Study\web\css\demo1
> postcss css/style.comp.css -o css/style.prefix.css --use autoprefixer
Error: PostCSS plugin autoprefixer requires PostCSS 8. Update PostCSS or downgrade this plugin.
at Processor.normalize (C:\Users\tk\Documents\Study\web\css\demo1\node_modules\postcss-cli\node_modules\postcss\lib\processor.js:167:15)
at new Processor (C:\Users\tk\Documents\Study\web\css\demo1\node_modules\postcss-cli\node_modules\postcss\lib\processor.js:56:25)
at postcss (C:\Users\tk\Documents\Study\web\css\demo1\node_modules\postcss-cli\node_modules\postcss\lib\postcss.js:55:10)
at C:\Users\tk\Documents\Study\web\css\demo1\node_modules\postcss-cli\index.js:216:14
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! sb-demo-website@1.0.0 prefix-css: `postcss css/style.comp.css -o css/style.prefix.css --use autoprefixer`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the sb-demo-website@1.0.0 prefix-css script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\tk\AppData\Roaming\npm-cache\_logs20-09-18T17_50_55_597Z-debug.log
非常感谢任何帮助
看起来最新的 Autoprefixer v10.0.0 现在有点 broken。将其降级到版本 9.8.6 解决了上述问题。
我将此作为答案发布,以防其他人遇到类似错误。
我正在尝试配置 PostCSS Autoprefixer,但它不起作用。它应该在同一个 'css' 文件夹中输出新的 style.prefix.css
文件。请帮助我理解我的 npm script/setup
这是我的 package.json
{
"name": "sb-demo-website",
"version": "1.0.0",
"description": "demo website",
"main": "index.js",
"scripts": {
"sass": "node-sass-chokidar sass/main.scss css/style.css -w --recursive --skip-initial",
"compile-sass": "node-sass-chokidar sass/main.scss css/style.comp.css",
"prefix-css": "postcss css/style.comp.css -o css/style.prefix.css --use autoprefixer"
},
"repository": {
"type": "git",
"url": ""
},
"author": "tk",
"license": "ISC",
"bugs": {
"url": ""
},
"homepage": "",
"browserslist": "last 3 versions",
"devDependencies": {
"autoprefixer": "^10.0.0",
"node-sass": "^4.14.1",
"node-sass-chokidar": "^1.5.0",
"postcss": "^8.0.5",
"postcss-cli": "^7.1.2"
}
}
这是我 运行 我的脚本时的输出:
$ npm run prefix-css
> sb-demo-website@1.0.0 prefix-css C:\Users\tk\Documents\Study\web\css\demo1
> postcss css/style.comp.css -o css/style.prefix.css --use autoprefixer
Error: PostCSS plugin autoprefixer requires PostCSS 8. Update PostCSS or downgrade this plugin.
at Processor.normalize (C:\Users\tk\Documents\Study\web\css\demo1\node_modules\postcss-cli\node_modules\postcss\lib\processor.js:167:15)
at new Processor (C:\Users\tk\Documents\Study\web\css\demo1\node_modules\postcss-cli\node_modules\postcss\lib\processor.js:56:25)
at postcss (C:\Users\tk\Documents\Study\web\css\demo1\node_modules\postcss-cli\node_modules\postcss\lib\postcss.js:55:10)
at C:\Users\tk\Documents\Study\web\css\demo1\node_modules\postcss-cli\index.js:216:14
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! sb-demo-website@1.0.0 prefix-css: `postcss css/style.comp.css -o css/style.prefix.css --use autoprefixer`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the sb-demo-website@1.0.0 prefix-css script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\tk\AppData\Roaming\npm-cache\_logs20-09-18T17_50_55_597Z-debug.log
非常感谢任何帮助
看起来最新的 Autoprefixer v10.0.0 现在有点 broken。将其降级到版本 9.8.6 解决了上述问题。
我将此作为答案发布,以防其他人遇到类似错误。