gpt4 book ai didi

npm - 在 NPM 脚本中找不到模块自动前缀

转载 作者:行者123 更新时间:2023-12-03 23:51:05 24 4
gpt4 key购买 nike

在 Windows 10 和 npm 版本 6.9.0 下,我无法使以下脚本工作:

"build:css": "postcss --use autoprefixer -b 'last 2 versions' < ./static/css/main.css"  

我总是在 Windows 控制台中遇到相同的错误,如下所示:

Plugin Error: Cannot find module 'autoprefixer'



我尝试将语法更改为以下语法,但没有结果:

"build:css": "postcss --use autoprefixer -b \"last 10 versions\" ./static/css/main.css -o ./static/css/main-prefixed.css"

谁能告诉我这里有什么问题?老实说,我对这个 npm 脚本很陌生。

我的 package.json看起来像这样:

{
"name": "test-automate-npm",
"version": "1.0.0",
"description": "test",
"main": "index.html",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"scss": "echo 'Compiling SCSS' && node-sass --watch scss -o ./static/css",
"build": "npm run scss && npm run build:css",
"build:css": "postcss --use autoprefixer -b 'last 2 versions' < ./static/css/main.css"
},
"keywords": [
"keywords",
"here"
],
"author": "Barleby",
"license": "ISC",
"dependencies": {
"node-sass": "^4.12.0"
},
"devDependencies": {
"autoprefixer": "^6.3.1",
"postcss": "^5.0.16",
"postcss-cli": "^2.5.0"
}
}

先感谢您!

编辑:

我也尝试定义名为 build:css 的 npm 脚本。在 package.json 中如下:

"build:css": "postcss ./static/css/main.css autoprefixer -b \"last 10 versions\" -o ./static/css/main-prefixed.css"

这会导致控制台打印以下错误:

You did not set any plugins, parser, or stringifier. Right now, PostCSS does nothing. Pick plugins for your case on postcss.parts and use them in postcss.config.js.

最佳答案

  • 创建一个名为 postcss.config.js 的新文件包含以下内容:

    module.exports = {
    plugins: {
    autoprefixer: {
    browsers: ['last 10 versions']
    }
    }
    };

    保存新创建的postcss.config.js项目目录根目录下的文件,即将它保存在与 package.json 相同的目录中居住。
  • 更改名为 build:css 的 npm 脚本在您的 package.json到以下:

    ...
    "scripts": {
    ...
    "build:css": "postcss ./static/css/main.css -o ./static/css/main-prefixed.css"
    },
    ...
  • 关于npm - 在 NPM 脚本中找不到模块自动前缀,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57885283/

    24 4 0
    Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
    广告合作:1813099741@qq.com 6ren.com