init
This commit is contained in:
112
vite.config.ts
Normal file
112
vite.config.ts
Normal file
@@ -0,0 +1,112 @@
|
||||
import {defineConfig} from 'vite'
|
||||
import vue from '@vitejs/plugin-vue'
|
||||
import Components from 'unplugin-vue-components/vite'
|
||||
import {VantResolver} from "unplugin-vue-components/resolvers";
|
||||
import {resolve} from "path";
|
||||
// @ts-ignore
|
||||
import postcsspxtoviewport from 'postcss-px-to-viewport-8-plugin'
|
||||
|
||||
function pathResolve(dir: string) {
|
||||
return resolve(process.cwd(), '.', dir);
|
||||
}
|
||||
|
||||
|
||||
export default defineConfig({
|
||||
base: '/',
|
||||
esbuild: {},
|
||||
plugins: [
|
||||
vue(),
|
||||
Components({
|
||||
resolvers: [VantResolver()]
|
||||
})
|
||||
],
|
||||
resolve: {
|
||||
alias: [
|
||||
{
|
||||
find: /\/#\//,
|
||||
replacement: pathResolve('types') + '/',
|
||||
},
|
||||
{
|
||||
find: '@',
|
||||
replacement: pathResolve('src') + '/',
|
||||
},
|
||||
],
|
||||
dedupe: ['vue'],
|
||||
},
|
||||
server: {
|
||||
host: true,
|
||||
port: 9528,
|
||||
proxy: {
|
||||
'/api': {
|
||||
target: 'http://124.222.254.188:8887',
|
||||
changeOrigin: true,
|
||||
ws: true,
|
||||
rewrite: (path) => path.replace(new RegExp(`^/api`), '/api'),
|
||||
secure: false
|
||||
},
|
||||
'/customer': {
|
||||
target: 'http://124.222.254.188:8090',
|
||||
changeOrigin: true,
|
||||
ws: true,
|
||||
rewrite: (path) => path.replace(new RegExp(`^/customer`), '/customer'),
|
||||
secure: false
|
||||
},
|
||||
'/app': {
|
||||
target: 'http://124.222.254.188:8090',
|
||||
changeOrigin: true,
|
||||
ws: true,
|
||||
rewrite: (path) => path.replace(new RegExp(`^/app`), '/app'),
|
||||
secure: false
|
||||
},
|
||||
'/v2': {
|
||||
target: 'http://124.222.254.188:8090',
|
||||
changeOrigin: true,
|
||||
ws: true,
|
||||
rewrite: (path) => path.replace(new RegExp(`^/v2`), '/v2'),
|
||||
secure: false
|
||||
}
|
||||
}
|
||||
},
|
||||
css: {
|
||||
postcss: {
|
||||
plugins: [
|
||||
postcsspxtoviewport({
|
||||
unitToConvert: "px", // 要转化的单位
|
||||
viewportWidth: 375, // UI设计稿的宽度
|
||||
unitPrecision: 6, // 转换后的精度,即小数点位数
|
||||
propList: ["*"], // 指定转换的css属性的单位,*代表全部css属性的单位都进行转换
|
||||
viewportUnit: "vw", // 指定需要转换成的视窗单位,默认vw
|
||||
fontViewportUnit: "vw", // 指定字体需要转换成的视窗单位,默认vw
|
||||
selectorBlackList: ["ignore"], // 指定不转换为视窗单位的类名,
|
||||
minPixelValue: 1, // 默认值1,小于或等于1px则不进行转换
|
||||
mediaQuery: true, // 是否在媒体查询的css代码中也进行转换,默认false
|
||||
replace: true, // 是否转换后直接更换属性值
|
||||
exclude: [/^(?!.*node_modules\/vant)/], // 设置忽略文件,用正则做目录名匹配
|
||||
landscape: false, // 是否处理横屏情况
|
||||
}),
|
||||
postcsspxtoviewport({
|
||||
unitToConvert: "px", // 要转化的单位
|
||||
viewportWidth: 750, // UI设计稿的宽度
|
||||
unitPrecision: 6, // 转换后的精度,即小数点位数
|
||||
propList: ["*"], // 指定转换的css属性的单位,*代表全部css属性的单位都进行转换
|
||||
viewportUnit: "vw", // 指定需要转换成的视窗单位,默认vw
|
||||
fontViewportUnit: "vw", // 指定字体需要转换成的视窗单位,默认vw
|
||||
selectorBlackList: ["ignore"], // 指定不转换为视窗单位的类名,
|
||||
minPixelValue: 1, // 默认值1,小于或等于1px则不进行转换
|
||||
mediaQuery: true, // 是否在媒体查询的css代码中也进行转换,默认false
|
||||
replace: true, // 是否转换后直接更换属性值
|
||||
exclude: [/node_modules\/vant/i], // 设置忽略文件,用正则做目录名匹配
|
||||
landscape: false, // 是否处理横屏情况
|
||||
})
|
||||
]
|
||||
}
|
||||
},
|
||||
build: {
|
||||
// minify: 'terser',
|
||||
target: 'es2015',
|
||||
cssTarget: 'chrome80',
|
||||
outDir: 'dist',
|
||||
reportCompressedSize: false,
|
||||
chunkSizeWarningLimit: 2000,
|
||||
},
|
||||
})
|
||||
Reference in New Issue
Block a user