时间戳

首页 > 解决方案 > 如何将 PostCSS PreCSS 插件添加到项目中

npm - 如何将 PostCSS PreCSS 插件添加到项目中

问题描述

我是 PostCSS 的新手，我不知道如何添加preCSS插件。基本上，我使用的是 Tailwind，推荐 PostCSS。但直到今天，我一直在我的项目中使用 Sass。有了这个 preCSS 插件，我可以使用 Sass 语法——这就是目标。

我的 packagegake.json

{
  "name": "zs-skalova-layout-only",
  "version": "1.0.0",
  "description": "",
  "main": "tailwind.config.js",
  "scripts": {
    "dev": "postcss css/tailwind.css -o tailwind-compil.css"
  },
  "author": "",
  "license": "ISC",
  "dependencies": {
    "autoprefixer": "^10.1.0",
    "postcss": "^8.2.1",
    "postcss-cli": "^8.3.1",
    "tailwindcss": "^2.0.2"
  },
  "devDependencies": {
    "precss": "^4.0.0"
  }
}

这是我的 postcss.config.js

module.exports = {
  plugins: {
    tailwindcss: {},
    autoprefixer: {},
    precss: {},
  }
}

请不要使用 Webpack、Gulp 或其他解决方案。

谢谢你的帮助

标签： npmpackage.jsonpostcss

解决方案

推荐阅读