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"
    }
  ]]]

官网地址

暂无评论

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注