postcss.config.js 680 B

123456789101112131415161718192021222324252627
  1. // @ts-check
  2. /** @type {import('postcss-load-config').Config} */
  3. export default {
  4. plugins: {
  5. // 处理现代 CSS 特性(如 CSS 变量、嵌套等)
  6. 'postcss-preset-env': {
  7. browsers: 'last 2 versions', // 目标浏览器范围
  8. },
  9. // 自动添加浏览器前缀
  10. autoprefixer: {},
  11. // 生产环境启用 cssnano 压缩
  12. ...(process.env.NODE_ENV === "production" ? {
  13. cssnano: {
  14. preset: 'default', // 启用默认压缩配置
  15. }
  16. } : {})
  17. }
  18. };
  19. /** @type {import('postcss-load-config').Config} */
  20. // export default {
  21. // plugins: {
  22. // ...(process.env.NODE_ENV === "production" ? { cssnano: {} } : {})
  23. // }
  24. // };