用于“node-sass”和“postcss”自动前缀的 NPM 脚本答案

【问题标题】：NPM Script for "node-sass" and "postcss" to autoprefix用于“node-sass”和“postcss”自动前缀的 NPM 脚本
【发布时间】：2018-04-06 12:55:16
【问题描述】：

我需要将我的 scss 编译为带有自动前缀属性的 css 文件。我的 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'

最后我认为我的代码很脏。我尝试使用 node-sass 生成 css 文件，并将它们放在“map”目录中的文件树上。然后我尝试用 postcss 抓取它们并将自动前缀的 css 文件复制到 css 文件夹中。有没有在地图目录中创建文件的更清洁的方法？

【问题讨论】：

标签： npm postcss node-sass npm-scripts

【解决方案1】：

需要安装 npm 模块：autoprefixer

npm install autoprefixer --save-dev

【讨论】：