为什么我按照文档说明操作，使用样式却没有任何改变和生效

asd2853243

niutiezhu

asd2853243 在什么环境下使用的呢？静态文件还是？

asd2853243

@牛铁柱#390 静态环境

niutiezhu

asd2853243 文档是翻译的，其实按照文档也不会有问题。我今天晚点写一个详细的使用文档。

你也可以看看这个视频教程的第一章，就知道怎么用了。

https://www.bilibili.com/video/BV1NK4y1p7RT?t=304

asd2853243

@牛铁柱#393 我跟着文档两遍，B站视频一遍，都是不行

niutiezhu

asd2853243 有报错截图吗？

asd2853243

@牛铁柱#396 有报错就好了，起码知道怎么解决，就是连报错也没有，什么都没有

niutiezhu

asd2853243

看下我package.json的配置。然后运行 npm run watch看看

{
  "name": "saasweb",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "build": "tailwindcss build src/css/tailwind.css -o dist/css/tailwind.css",
    "watch": "postcss build src/css/tailwind.css -o dist/css/tailwind.css --watch",
    "build:css": "cross-env NODE_ENV=production postcss src/css/tailwind.css -o dist/css/tailwind.css"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "dependencies": {
    "autoprefixer": "^10.2.3",
    "cross-env": "^7.0.3",
    "cssnano": "^4.1.10",
    "postcss-cli": "^8.3.1",
    "save-dev": "0.0.1-security",
    "tailwindcss": "^2.0.2",
    "watch": "^1.0.2"
  },
  "devDependencies": {
    "@fullhuman/postcss-purgecss": "^4.0.0"
  }

注意把路径改成你自己的。

asd2853243

@牛铁柱#401 我没watch这一句

niutiezhu

asd2853243 你按照我的加上。这是监听你页面改动。。。我晚点写个教程。

asd2853243

@牛铁柱#401
没问题，没报错，就是没生效

niutiezhu

asd2853243 你生成的css文件正确吗？

asd2853243

@牛铁柱#405

niutiezhu

asd2853243 在这个css文件里随便加一句代码。比如

@layer components {
    .menu li {
        @apply mr-10 py-9;
    }
    }

然后编译一下，看看最终的css文件里会不会有这句css。

本网站的服务器由提供