H5W3
当前位置:H5W3 > 其他技术问题 > 正文

ElementUI全部引入和部分引入,打包后js文件是一样大?

在laravel中使用引入element-ui:
全部引入:

import ElementUI from 'element-ui';
Vue.use(ElementUI);

部分引入:

import {
    Dialog,
    Button
    
} from 'element-ui';

Vue.component(Dialog.name, Dialog);
Vue.component(Button.name, Button);

执行npm run prod后,全部引入和部分引入,打包后的app.js是一样大的?

回答:

主要是因为你都是使用的 from ‘element-ui’
应该这样写
import Button from ‘element-ui/lib/button’
import Dialog from ‘element-ui/lib/dialog’

回答:

你还需要借助 babel-plugin-component

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

官网地址

本文地址:H5W3 » ElementUI全部引入和部分引入,打包后js文件是一样大?

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址