generateStyle.js 988 B

123456789101112131415161718192021222324252627282930
  1. /*
  2. * @Description: 收集静态资源
  3. * @Author: zcf
  4. * @Date: 2022-04-21 14:36:46
  5. * @LastEditTime: 2022-06-08 16:46:17
  6. * @LastEditors: zcf
  7. */
  8. import fs from 'fs'
  9. import path from 'path'
  10. function generateScssResource() {
  11. const resources = []
  12. const globalAssets = path.resolve(process.cwd(), 'src/assets')
  13. // 全局 scss 资源
  14. fs.readdirSync(`${globalAssets}/styles/resources`).map((dirname) => {
  15. if (fs.statSync(`${globalAssets}/styles/resources/${dirname}`).isFile()) {
  16. resources.push(`@use "@/assets/styles/resources/${dirname}" as *;`)
  17. }
  18. })
  19. // css 精灵图相关
  20. fs.readdirSync(`${globalAssets}/sprites`).map((dirname) => {
  21. if (fs.statSync(`${globalAssets}/sprites/${dirname}`).isDirectory()) {
  22. // css 精灵图生成的 scss 文件也需要放入全局 scss 资源
  23. resources.push(`@use "@/assets/sprites/_${dirname}.scss" as *;`)
  24. }
  25. })
  26. return resources
  27. }
  28. const scssResources = generateScssResource()
  29. export { scssResources }