vue+elementUI引入部分

.babelrc 文件修改

{
  "presets": [
    ["env", {
      "modules": false,
      "targets": {
        "browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
      }
    }],
    "stage-2"
  ],
  "plugins": ["transform-vue-jsx", "transform-runtime", [
    "component",
    {
      "libraryName": "element-ui",
      "styleLibraryName": "theme-default"
    }
  ]],
  "env": {
    "test": {
      "presets": ["env", "stage-2"],
      "plugins": ["transform-vue-jsx", "transform-es2015-modules-commonjs", "dynamic-import-node"]
    }
  }
}

styleLibraryName 一定要填写对

　　

main.js文件修改

import { Button, Select, DatePicker, MessageBox} from 'element-ui';
Vue.use(Button)
Vue.use(Select)
Vue.use(DatePicker)
Vue.component(MessageBox)
Vue.prototype.$confirm = MessageBox.confirm

　　

 

安装相应的组件:  npm install babel-plugin-transform-vue-jsx --save-dev

然后再次运行:npm run dev