const path = require('path')
module.exports = {
  parser: require('postcss-comment'),
  plugins: [
    require('postcss-import')({
      resolve(id, basedir, importOptions) {
        if (id.startsWith('~@/')) {
          return path.resolve(process.env.UNI_INPUT_DIR, id.substr(3))
        } else if (id.startsWith('@/')) {
          return path.resolve(process.env.UNI_INPUT_DIR, id.substr(2))
        } else if (id.startsWith('/') && !id.startsWith('//')) {
          return path.resolve(process.env.UNI_INPUT_DIR, id.substr(1))
        }
        return id
      }
    }),
    require('autoprefixer')({
      remove: process.env.UNI_PLATFORM !== 'h5'
    }),
    // Thanks to lcysgsg [https://github.com/lcysgsg]
    require('tailwindcss')({ config: './tailwind.config.js' }),

    require('@dcloudio/vue-cli-plugin-uni/packages/postcss'),
    
    // [ WXSS 文件编译错误]
    //.focus-within\:sr-only:focus-within{
    // 不认识这个 \: 我们需要replace
    // https://developers.weixin.qq.com/community/develop/doc/000ce8ba720c683326cb6b8215b000?highLine=wxss%2520%25E8%25BD%25AC%25E4%25B9%2589
    // require('postcss-class-rename')({
    //   '\\\\\:': '-colon-',
    //   // '\\\\/': '_',
    //   '\\\\\.': '-dot-'
    // })
  ]
  //-dot-inset-0\-dot-5{
}

// const path = require('path')
// module.exports = {
// 	parser: require('postcss-comment'),
// 	plugins: [
// 		require('postcss-import')({
// 			resolve(id, basedir, importOptions) {
// 				if (id.startsWith('~@/')) {
// 					return path.resolve(process.env.UNI_INPUT_DIR, id.substr(3))
// 				} else if (id.startsWith('@/')) {
// 					return path.resolve(process.env.UNI_INPUT_DIR, id.substr(2))
// 				} else if (id.startsWith('/') && !id.startsWith('//')) {
// 					return path.resolve(process.env.UNI_INPUT_DIR, id.substr(1))
// 				}
// 				return id
// 			}
// 		}),

// 		require("tailwindcss")({
// 			config: "./tailwind.config.js"
// 		}),
// 		require('@dcloudio/vue-cli-plugin-uni/packages/postcss'),
// 		/* ******* 引入tailwindcss ******* */
// 		// // 根据平台差异进行不同的样式处理
// 		...(
// 			process.env.UNI_PLATFORM !== "h5" ?
// 			[
// 				// 使用postcss-class-name 包将小程序不支持的类名写法转换为支持的类名，如："hover:xxx"
// 				require("postcss-class-rename")({
// 					"\\\\:": "--",
// 					"\\\\/": "--",
// 					"\\\\.": "--",
// 					".:": "--",
// 					"\\\*": "--",

// 					// 引用  tailwindcss-miniprogram-preset 预设时
// 					'\\\\:': '--',
// 					'\\\\/': '_',
// 				})
// 			] :
// 			[
// 				require("autoprefixer")({
// 					remove: true,
// 				}),
// 			]
// 		),


// 	]
// }