NPM的脚本“节点青菜”和“postcss”到autoprefixer

Question

我需要我的SCSS编译成css文件与autoprefixing的属性。我NPM脚本如下所示：

{
  "scripts": {
    "build:css": "node-sass --output-style 'compressed' src/scss/ -o public_html/css/map/ && postcss --use autoprefixer public_html/css/map/ -d public_html/css/",
    "watch:css": "node-sass --watch --recursive --output-style 'compressed' src/scss/ -o public_html/css/"
  },
  "devDependencies": {
    "bootstrap-sass": "^3.3.7",
    "node-sass": "^4.5.0",
    "postcss": "^6.0.13",
    "postcss-cli": "^4.1.1"
  }
}

但我得到一个错误信息：

Plugin Error: Cannot find module 'autoprefixer'

最后，我认为我的代码是脏的。我尝试用节点青菜生成css文件，并将它们放在文件树中的“地图”的目录。然后我试着用postcss抓住他们，并在css文件夹复制autoprefixed css文件。有没有在地图目录中创建这些文件的更清洁的方式？

Answer 1

您需要安装NPM模块：autoprefixer

npm install autoprefixer --save-dev