1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
| /*
| * @Description:
| * @Author: TT
| * @Date: 2023-02-27 13:56:51
| * @LastEditTime: 2023-03-02 11:28:29
| * @LastEditors: TT
| */
| module.exports = {
| lintOnSave: false,
| // devServer: {
| //proxy: "192.168.20.70:8001/"
| // // 配置跨域-请求后端的代理接口
| // proxy: {
| // "/LinCaoJu": {
| // target: "http://192.168.11.95/LinCaoJu", //对应自己的接口
| // changeOrigin: true,
| // ws: true,
| // pathRewrite: {
| // "^/LinCaoJu": "",
| // },
| // },
| // },
| // },
| publicPath: "./",
| css: {
| loaderOptions: {
| postcss: {
| plugins: [
| require("postcss-px-to-viewport")({
| unitToConvert: "px", // 需要转换的单位
| viewportWidth: 1920, // 视口宽度，等同于设计稿宽度
| unitPrecision: 5, // 精确到小数点后几位
| /**
| * 将会被转换的css属性列表，
| * 设置为 * 表示全部，如：['*']
| * 在属性的前面或后面设置*，如：['*position*']，*position* 表示所有包含 position 的属性，如 background-position-y
| * 设置为 !xx 表示不匹配xx的那些属性，如：['!letter-spacing'] 表示除了letter-spacing 属性之外的其他属性
| * 还可以同时使用 ! 和 * ，如['!font*'] 表示除了font-size、 font-weight ...这些之外属性之外的其他属性名头部是‘font’的属性
| * */
| propList: ["*"],
| viewportUnit: "vw", // 需要转换成为的单位
| fontViewportUnit: "vw", // 需要转换称为的字体单位
| /**
| * 需要忽略的选择器，即这些选择器对应的属性值不做单位转换
| * 设置为字符串，转换器在做转换时会忽略那些选择器中包含该字符串的选择器，如：['body']会匹配到 .body-class，也就意味着.body-class对应的样式设置不会被转换
| * 设置为正则表达式，在做转换前会先校验选择器是否匹配该正则，如果匹配，则不进行转换，如[/^body$/]会匹配到 body 但是不会匹配到 .body
| */
| selectorBlackList: [],
| minPixelValue: 1, // 最小的像素单位值
| mediaQuery: false, // 是否转换媒体查询中设置的属性值
| replace: true, // 替换包含vw的规则，而不是添加回退
| /**
| * 忽略一些文件，如'node_modules'
| * 设置为正则表达式，将会忽略匹配该正则的所有文件
| * 如果设置为数组，那么该数组内的元素都必须是正则表达式
| */
| exclude: [],
| landscape: false, // 是否自动加入 @media (orientation: landscape)，其中的属性值是通过横屏宽度来转换的
| landscapeUnit: "vw", // 横屏单位
| landscapeWidth: 1334, // 横屏宽度
| }),
| ],
| },
| },
| },
| };
|
|
