面试的笔试题遇见的问题

vant-ui的按需导入

• 首先在babel.config.js文件中配置：

再配置之前记得引入：npm i babel-plugin-import -D

module.exports = {
  presets: ["@vue/cli-plugin-babel/preset"],
  //vant 按需引入
  plugins: [
    [
      "import",
      {
        libraryName: "vant",
        libraryDirectory: "es",
        style: true,
      },
      "vant",
    ],
  ],
}

• 然后在入口文件main.js中按需导入

记得导入样式表
import "vant/lib/index.css"

import {Button} from 'vant'
Vue.use(Button)

• 避免后期按需导入的组件越来越多，导致main.js混乱，我们可以新建一个js文件用来存储按需导入，然后将该文件导入到main.js中

vue脚手架设置自启动浏览器

创建一个vue.config.js配置文件，复制代码
module.exports = {
  devServer: {
    // 自动打开浏览器
    open: true,
  },
}