ywwhack / babel-plugin-equire Goto Github PK

有点不理解同步加载和异步加载，这两的区别是？实际使用过程中，同步加载好还是异步加载好
在提一个问题，官方文档是说 ，echarts\src\** 这里的代码体积会相对小一点，那怎么配置，

需求：在按需引入echarts的时候就直接注册主题
问题：直接import js格式的主题，开发环境下按需引入会失效，生产环境打包没影响，可能因为主题文件里面require('echats')

import '@/mixins/walden'
const initEcharts = async(element, isTheme = true) => {
  const echarts = await equireCharts()
  return isTheme ? echarts.init(element, 'walden') : echarts.init(element)
}
export default initEcharts

临时解决方案：使用JSON格式的主题 (๑•ㅂ•́)و✧

import theme from '@/mixins/theme.json'
const initEcharts = async(element, isTheme = true) => {
  const echarts = await equireCharts()
  return isTheme ? (echarts.registerTheme('walden', theme), echarts.init(element, 'walden'))
    : echarts.init(element)
}
export default initEcharts

// eslint-disable-next-line
const echarts = equire([
  'line',
  'pie',
  'radar',
  'title',
  'legend',
  'tooltip'
])

绘制雷达图的时候提示"Error: Component series.radar not exists. Load it first."。
我简单的排查了一下，应该是echarts-modules的chart和component里都有radar，导致了只加载了components/radar。echarts-modules版本是"version": "1.1.2"。
BTW：parallel也是同时出现在了echarts-modules的chart和component。

i do like your demo, but 'equire' is not defined

执行 npm run build 之后，上线，文件并没有被加载

但是在执行 npm run dev 时，是没有问题的
所以，时我漏了那个步骤

when i use equire i got a bug ，the Echarts I used is 5.1.1。

index.js:1451 "import echarts from 'echarts/lib/echarts'" is not supported anymore. Use "import * as echarts from 'echarts/lib/echarts'" instead; at Tendency (http://localhost:3000/static/js/main.chunk.js:15006:5) at div at div at Spin (http://localhost:3000/static/js/vendors~main.chunk.js:97618:37) at div at div at Home (http://localhost:3000/static/js/main.chunk.js:15537:59) at Route (http://localhost:3000/static/js/vendors~main.chunk.js:286074:29) at Switch (http://localhost:3000/static/js/vendors~main.chunk.js:286276:29) at div at Container (http://localhost:3000/static/js/vendors~main.chunk.js:286983:5) at main at Basic (http://localhost:3000/static/js/vendors~main.chunk.js:90180:25) at Adapter (http://localhost:3000/static/js/vendors~main.chunk.js:90163:37) at section at BasicLayout (http://localhost:3000/static/js/vendors~main.chunk.js:90195:34) at Adapter (http://localhost:3000/static/js/vendors~main.chunk.js:90163:37) at section at BasicLayout (http://localhost:3000/static/js/vendors~main.chunk.js:90195:34) at Adapter (http://localhost:3000/static/js/vendors~main.chunk.js:90163:37) at div at Container (http://localhost:3000/static/js/vendors~main.chunk.js:286983:5) at section at BasicLayout (http://localhost:3000/static/js/vendors~main.chunk.js:90195:34) at Adapter (http://localhost:3000/static/js/vendors~main.chunk.js:90163:37) at Layouts (http://localhost:3000/static/js/main.chunk.js:11272:78) at Layout (http://localhost:3000/static/js/main.chunk.js:11495:1) at FormProvider (http://localhost:3000/static/js/vendors~main.chunk.js:189441:31) at LocaleProvider (http://localhost:3000/static/js/vendors~main.chunk.js:90623:37) at ProviderChildren (http://localhost:3000/static/js/vendors~main.chunk.js:82783:24) at LocaleReceiver (http://localhost:3000/static/js/vendors~main.chunk.js:90424:37) at ConfigProvider (http://localhost:3000/static/js/vendors~main.chunk.js:82890:13) at Router (http://localhost:3000/static/js/vendors~main.chunk.js:285709:30) at BrowserRouter (http://localhost:3000/static/js/vendors~main.chunk.js:285329:35) at PageFrame (http://localhost:3000/static/js/main.chunk.js:11850:1) at Provider (http://localhost:3000/static/js/vendors~main.chunk.js:283601:20)