vant UIデマンド方式の導入手段

最初のステップ：

バベル-プラグインのインポートは  バベルのプラグインである、それが自動的に変換されますオンデマンドインポートされますコンパイルプロセスの文言で導入

# 安装插件
npm i babel-plugin-import -D

// 在.babelrc 中添加配置
// 注意：webpack 1 无需设置 libraryDirectory
{
  "plugins": [
    ["import", {
      "libraryName": "vant", "libraryDirectory": "es", "style": true }] ] } // 对于使用 babel7 的用户，可以在 babel.config.js 中配置 module.exports = { plugins: [ ['import', { libraryName: 'vant', libraryDirectory: 'es', style: true }, 'vant'] ] }; 

// 接着你可以在代码中直接引入 Vant 组件
// 插件会自动将代码转化为方式二中的按需引入形式
import { Button } from 'vant';

輸出のデフォルト{ 
  名： 'ホーム'、
  コンポーネント：{ 
    [Button.name]：ボタン、
    HelloWorldの
  } 
}