1

所以目前我在使用自动前缀时遇到了麻烦。

我已将 postcss-cli 和 autoprefixer 下载到 --save-dev 和 -g

当我运行这样的命令时：

postcss ../../../htdocs/css/workflow/homepage-announcements.css -o ../../../htdocs/css/workflow/homepage-announcements.css

工作正常与输出：

✔ 完成 ../../../htdocs/css/workflow/homepage-announcements.css (25ms)

现在我已经使用--use autoprefixer了一个错误。下面的命令。

postcss --use autoprefixer ../../../htdocs/css/workflow/homepage-announcements.css -o ../../../htdocs/css/workflow/homepage-announcements.css

错误信息：

✖插件错误：找不到模块'../../../htdocs/css/workflow/homepage-announcements.css'

我已经尝试了一切，但仍然没有解决方案:(

{
    "name": "homepage-announcements",
    "version": "2.0.0",
    "description": "Homepage announcements",
    "main": "js/Default.js",
    "dependencies": {
       "react": "^15.4.2"
     },
    "devDependencies": {
    "autoprefixer": "^6.7.7",
    "ava": "^0.18.2",
    "babel-loader": "^6.4.1",
    "eslint": "^3.19.0",
    "node-sass": "^4.5.2",
    "postcss": "^5.2.16",
    "postcss-cli": "^3.1.1",
    "webpack": "^2.3.3",
    "xo": "^0.18.1"
    },
    "scripts": {

    "build": "webpack -p && npm run sass && npm run css",
    "sass": "node-sass scss/default.scss ../../../htdocs/css/workflow/homepage-announcements.css --output-style compressed && npm run css",
    "css": "postcss --use autoprefixer ../../../htdocs/css/workflow/homepage-announcements.css -o ../../../htdocs/css/workflow/homepage-announcements.css",
    "lint": "xo js/*.js js/**/*.js js/**/**/*.js js/**/**/**/*.js js/**/**/**/**/*.js js/**/**/**/**/**/*.js"
}
4

4 回答 4

9

我有同样的问题，结果输入参数改变了位置。

我曾经这样做并且它有效：

postcss --replace --use autoprefixer file.css

...但现在它认为这file.css是一个插件，因为--use它需要一系列插件。

您现在必须这样做：

postcss file.css --replace --use autoprefixer
于 2017-05-29T18:47:35.320 回答
0

"prefix:css": "postcss --use autoprefixer -b 'last 10 versions' css/style.concat.css -o css/style.prefix.css"

我只是更改下面代码中给出的'prefix: css' #autoprefixer :"^9.8.5" 行并删除 -b 'last 10 version' 代码，所以我的命令运行成功。

"prefix:css": "postcss css/style.concat.css -o css/style.prefix.css --use autoprefixer

于 2020-07-30T20:35:05.290 回答
0

下载跨环境的自动前缀对我有用：

npm install autoprefixer@latest cross-env --save-dev
于 2021-03-25T14:14:53.657 回答
0

在文件中添加给定package.json的脚本并在终端中运行脚本：

"prefix:css": "postcss --use autoprefixer -o css/style.prefix.css css/style.concat.css"
于 2020-12-23T17:05:59.917 回答