准备工作//借助插件npminstallbabel-plugin-import--save-dev//.babelrc{"plugins":[["import",{"libraryName":"view-design","libraryDirectory":"src/components"}]]}import在main.js中导入"view-design/dist/styles/iview.css"；从“视图设计”导入{按钮，表格}；constviewDesign={Button:Button,Table:Table};Object.keys(viewDesign).forEach(element=>{Vue.component(element,viewDesign[element]);});先用谷歌浏览器正常打开，上面的操作猛如虎，而IE浏览器打开250，好了，废话不多说，下面是解决方案SolutionSolution//在vue.config.js中配置chainWebpack:config=>{//解决按需引入babel转化为iview的问题config.module.rule("view-design")//我目前使用的是新版iview，旧版iview，使用iview代替view-设计.test(/view-design.src.*?js$/).use("babel").loader("babel-loader").end();}问题原因为什么会出现上面的问题？这与babel转换问题有关。按需导入时，那些组件中的js文件导入时没有经过babel转换或转换不完全，ie11对es6+的语法支持很差，所以上面的方法是将view-design的src下的所有js文件用babel转换后再导入文件，以及举一反三。按需引入第三方框架时会出现此问题。可以用这个方法解决，把rule中的view-design换成regular即可。扩展extension//globalimportimportViewUIfrom“视图设计”；Vue.use(ViewUI);import"view-design/dist/styles/iview.css";tips:全局导入时，切记不要在.babelrc文件中配置按需导入，会造成冲突
