| | |
| | | } from 'vite'; |
| | | import { resolve } from 'path' |
| | | import createVitePlugins from './vite/plugins'; |
| | | import postCssPxToRem from 'postcss-pxtorem' |
| | | |
| | | // https://vitejs.dev/config/ |
| | | export default ({ |
| | | mode, |
| | |
| | | }, |
| | | }, |
| | | }, |
| | | assetsInclude: ['**/*.gltf'], |
| | | resolve: { |
| | | alias: { |
| | | '~': resolve(__dirname, './'), |
| | |
| | | additionalData: `@use "@/styles/variables.scss" as *;`, |
| | | }, |
| | | }, |
| | | postcss: { |
| | | plugins: [ |
| | | postCssPxToRem({ |
| | | rootValue: 10, // 指定转换基准值,通常是设计稿宽度的1/10 |
| | | propList: ['*'], // 可以从px转换为rem的属性,这里是所有属性 |
| | | unitPrecision: 5, // 允许REM单位增长到的十进制数 |
| | | selectorBlackList: [], // 选择器黑名单,忽略转换的选择器 |
| | | replace: true, // 替换包含rem的规则,而不是添加回退 |
| | | mediaQuery: false, // 允许在媒体查询中转换px |
| | | minPixelValue: 0 // 设置要替换的最小像素值 |
| | | }), |
| | | ] |
| | | } |
| | | }, |
| | | plugins: createVitePlugins(env, command === 'build'), |
| | | build: buildConfig, |