121 lines
4.6 KiB
JavaScript
121 lines
4.6 KiB
JavaScript
import {
|
||
defineConfig
|
||
} from "vite";
|
||
import {
|
||
loadEnv
|
||
} from 'vite';
|
||
import copy from 'rollup-plugin-copy';
|
||
import vue from "@vitejs/plugin-vue";
|
||
import ElementPlus from "unplugin-element-plus/vite";
|
||
//import postcsspxtoviewport from 'postcss-px-to-viewport';
|
||
import jqueryPlugin from './vite-plugin-jquery';
|
||
const {
|
||
resolve
|
||
} = require("path");
|
||
/**
|
||
* @type {import('vite').UserConfig}
|
||
*/
|
||
export default defineConfig(({
|
||
command,
|
||
mode
|
||
}) => {
|
||
let vueI18n = {};
|
||
if (command === "serve") {
|
||
vueI18n["vue-i18n"] = "vue-i18n/dist/vue-i18n.cjs.js"; //解决dev运行警告You are running the esm-bundler build of vue-i18n.
|
||
}
|
||
return {
|
||
plugins: [
|
||
vue(),
|
||
jqueryPlugin(),
|
||
ElementPlus({
|
||
useSource: true,
|
||
}),
|
||
copy({
|
||
targets: [
|
||
// {
|
||
// src: 'node_modules/@easydarwin/easyplayer/dist/component/EasyPlayer-lib.min.js',
|
||
// dest: 'public/js'
|
||
// },
|
||
{
|
||
src: 'node_modules/@liveqing/liveplayer-v3/dist/component/liveplayer-lib.min.js',
|
||
dest: 'public/js'
|
||
},
|
||
|
||
|
||
|
||
]
|
||
})
|
||
],
|
||
// base: loadEnv(mode, process.cwd()).opendoorUrl,
|
||
resolve: {
|
||
alias: {
|
||
"~/": `${resolve(__dirname, "src")}/`,
|
||
...vueI18n,
|
||
'@': resolve('src'),
|
||
|
||
},
|
||
extensions: [
|
||
'.mjs',
|
||
'.js',
|
||
'.ts',
|
||
'.jsx',
|
||
'.tsx',
|
||
'.json',
|
||
'.vue'
|
||
]
|
||
},
|
||
// base: "./",
|
||
server: {
|
||
host: "127.0.0.1",
|
||
// host: "192.168.1.105",
|
||
port: 8086,
|
||
open: true,
|
||
https: false, // 开启https服务
|
||
// 反向代理
|
||
// proxy: {
|
||
// "/api": {
|
||
// target: "http://192.168.100.96:18000/",
|
||
// changeOrigin: true,
|
||
// rewrite: (path) => path.replace(/^\/api/, ""),
|
||
// },
|
||
// },
|
||
},
|
||
css: {
|
||
preprocessorOptions: {
|
||
scss: {
|
||
additionalData: `@use "@/styles/element/index.scss" as *;`,
|
||
},
|
||
},
|
||
// postcss: {
|
||
// plugins: [
|
||
// // 需要注意的是，include这个属性，现在是不能用的，
|
||
// //postcss-px-to-viewport官方虽然更新了文档介绍include的使用方法，但是源码迟迟没有更新，
|
||
// //所以需要另外再安装一个包，也就是先使用github仓库的代码
|
||
// // npm i https://github.com/evrone/postcss-px-to-viewport --save-dev
|
||
// postcsspxtoviewport({
|
||
// // viewportWidth: "1920", //视窗的宽度，对应的是我们设计稿的宽度
|
||
// viewportWidth: 1920, //视窗的宽度，对应的是我们设计稿的宽度
|
||
// viewportHeight: 968, // 视窗的高度
|
||
// //viewportHeight: "750", // 视窗的高度
|
||
// 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/], // 设置忽略文件，用正则做目录名匹配
|
||
// // exclude: [],
|
||
// include: [/\/src\/views\/screen\//], //只转换匹配的文件 D:\SKZH\新的科大管控系统后台\brisk-admin-main - pinia\src\views\screen\kqscreen.vue
|
||
// landscape: false // 是否处理横屏情况
|
||
// })
|
||
// ]
|
||
// },
|
||
//开发过程中是否启sourcemap
|
||
devSourcemap: true,
|
||
},
|
||
};
|
||
}); |