search

phymooc / learn-vite

0 stars 0 forks source link

Configuration #1

Open phymo opened 1 month ago

phymo commented 1 month ago

CSS modules configuration （感觉都没啥用）

  1. localConvention: "camelCase": s生成的配置对象的key的展示形式
  2. scopeBehavior: "local" // "global": 配置是否开启模块化，是否在类名后面加hash
  3. generateScopedName: “[name]_[local]_[hash:5]”: 生成的类名的规则
  4. hashPrefix: "hello": 给hash加盐
  5. globalModulePaths: []: 不使用模块化的路径 
    // 如导入的 ant css, 希望全局使用
@import('ant')
...

CSS 模块化 会生成一个 map对象，交给 javascript来处理

phymo commented 1 month ago

CSS preprocessor configuration (sass/less) & postcss configuration

phymo commented 1 month ago

Static Assets

在node端，除了动态API之外，所有资源（99%） 都被视为 静态资源 对于 browser端，来讲主要是Assets目录下的 图片，视频等资源

vite 对于静态资源基本是开箱即用的 除了一些特殊情况（如svg)