vue按需引入js文件

在Vue中按需引入JS文件，一般使用babel-plugin-component插件。这个插件可以将需要按需引入的组件转换成单独的js文件，从而减少整体打包的大小。

使用步骤如下：

1.安装babel-plugin-component插件

npm install babel-plugin-component -D

2.在.babelrc文件中配置插件

{
  "plugins": [
    [
      "component",
      {
        "libraryName": "element-ui",
        "styleLibraryName": "theme-chalk"
      }
    ]
  ]
}

其中，libraryName表示需要按需引入的组件库名称，styleLibraryName表示需要按需引入的样式库名称。

3.在需要使用组件的.vue文件中，按需引入需要使用的组件

<template>
  <div>
    <el-button>普通按钮</el-button>
    <el-input></el-input>
  </div>
</template>

<script>
import { Button, Input } from 'element-ui';

export default {
  components: {
    'el-button': Button,
    'el-input': Input,
  },
};
</script>

这样，就可以实现Vue中按需引入JS文件的功能了。