在NPM脚本中找不到模块autoprefixer

在NPM脚本中找不到模块autoprefixer,npm,npm-scripts,postcss,autoprefixer,Npm,Npm Scripts,Postcss,Autoprefixer,在windows 10和npm版本6.9.0下,我无法使以下脚本正常工作: “build:css”:“postsss——使用autoprefixer-b'last 2 versions'

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

“build:css”:“postsss——使用autoprefixer-b'last 2 versions'
我总是在Windows控制台中遇到如下错误:

插件错误:找不到模块“autoprefixer”

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

“build:css”:“postscs——使用autoprefixer-b\“last 10 versions\”/static/css/main.css-o./static/css/main prefixed.css”
谁能告诉我这里有什么问题吗?老实说,我对这个npm脚本很陌生

我的
package.json
如下所示:

{
“名称”:“测试自动化npm”,
“版本”:“1.0.0”,
“说明”:“测试”,
“main”:“index.html”,
“脚本”:{
“测试”:“echo\”错误:未指定测试\“&退出1”,
“scss”:“echo‘编译scss’&节点sass——监视scss-o./static/css”,
“构建”:“npm运行SCS&&npm运行构建:css”,
“build:css”:“postss——使用autoprefixer-b'last 2 versions'
提前谢谢你


编辑:

我还尝试在package.json中定义名为
build:css
的npm脚本,如下所示:

“build:css”:“postsss./static/css/main.css autoprefixer-b\“last 10 versions\”-o./static/css/main prefixed.css”
这将导致以下错误打印到控制台:

您没有设置任何插件、解析器或字符串生成器。现在,PostSS什么都不做。为您的案例选择插件,并在postss.config.js中使用它们

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

    module.exports={
    插件:{
    自动刷新器:{
    浏览器:[“最近10个版本”]
    }
    }
    };
    
    将新创建的
    postsss.config.js
    文件保存在项目目录的根目录中,即将其保存在
    package.json
    所在的同一目录中

  • package.json
    中名为
    build:css
    的npm脚本更改为以下内容:

    。。。
    “脚本”:{
    ...
    “build:css”:“postss./static/css/main.css-o./static/css/main prefixed.css”
    },
    ...
    

  • 这是工作了。我发现的唯一问题是,对于开发,在SASS被编译成CSS(scss脚本)之后,我需要CSS也加上前缀。我用以下行修改了“scss”脚本:
    “scss”:“echo‘Compiling scss’&&node sass--watch scss-o./static/css&&npm run build:css”
    ,但看起来build:css根本没有运行。main.css文件已生成,但没有前缀。如果您自己无法解决此问题,我建议您发布一个新问题,因为这有点偏离了“找不到模块autoprefixer”的问题,也就是说,它偏离了OP的主题。