在NPM脚本中找不到模块autoprefixer
在windows 10和npm版本6.9.0下,我无法使以下脚本正常工作:在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'
“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的主题。