[JavaScript知识库]Vue学习（二）Git管理和导入组件库

##导入vant

import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
// 加载全局样式
import './styles/index.less'
// 加载vant组件库
import Vant from 'vant'
// 加载vant组件库样式
import 'vant/lib/index.css'
// 自动设置rem基准值（html标签字体大小）
import 'amfe-flexible'
// 创建vue实例，进行配置！！！
createApp(App).use(store).use(Vant).use(router).mount('#app')

导入postcss

/**
* postcss的配置文件
*/
// postcss.config.js
module.exports = {
  // 配置需要的插件
  plugins: {
    // px转换为rem
    'postcss-pxtorem': {
      rootValue ({ file }) {
        return file.indexOf('vant') !== -1 ? 37.5 : 75
      },
      propList: ['*']
    }
  }
}