element-ui 支持组件的按需引入,同时也支持全部引入。全部引入的方式:
import 'element-ui/lib/theme-chalk/index.css';
import ElementUI from 'element-ui';
Vue.use(ElementUI);
这种写法很简单,不过为了降低 element-ui 的包体大小,通常都会使用按需引入的方式。
按需引入需要安装 babel 插件:
npm install babel-plugin-component -D
安装完后,需要在 webpack 的配置文件使用该插件:
module: {
rules: [
{
// 正则表达式匹配js文件
test: /\.js$/,
exclude: /(node_modules)/,
use: [
{
loader: 'babel-loader',
options: {
"presets": [
"@babel/preset-env"
],
"plugins": [
[
"component",
{
&#