const {defineConfig} = require('@vue/cli-service');
const {VantResolver} = require('unplugin-vue-components/resolvers');
const ComponentsPlugin = require('unplugin-vue-components/webpack');

module.exports = defineConfig({
	transpileDependencies: true,
	lintOnSave: false,
	// postcss.config.js文件内容在vue.config.js内进行的配置
	css: {
		loaderOptions: {
			postcss: {
				// 可以不降版本，用 postcssOptions 套住 plugins 就行了 :{}
				postcssOptions: {
					plugins: [
						require('postcss-pxtorem')({
							// 基准值 以 iPhone6 为准, 设计稿的尺寸一般为 750px , 2 倍图
							// 1rem = 16px
							rootValue: 37.5,
							// 所有的样式属性中只要有尺寸单位都转换, style样式中的尺寸不会转换
							// 建议如果你用了 postcss-pxtorem 插件后, 最好就不要用style来写样式
							propList: ['*'],
							// selectorBlackList: ["van"],
						}),
					],
				},
			},
		},
	},
	configureWebpack: {
		plugins: [
			ComponentsPlugin.default({
				resolvers: [VantResolver()],
			}),
		],
	},
});