requirejs 的r.js 如何打包echarts

发布于 2022-09-02 11:05:30 字数 1858 浏览 10 评论 0

最近做项目遇到打包的问题,
项目使用requirejs加载模块,临近项目发布,目前问题是ECHART的库相当大,还依赖zrender,页面加载会请求N多次服务器来下载相关js,我想把echarts打包到一个文件里面,只包含pie,line和bar,试过N多方法还是不行;
我用的requirejs的r.js来进行打包下面是build.js的内容

({
    appDir: './',
    baseUrl: "js",
    dir: './dist',
    fileExclusionRegExp: /^(r|build)\.js|.*\.less$/,
    //optimizeCss: 'standard',
    optimizeCss: 'none',
    //optimize:"uglify",
    optimize:"none",
    removeCombined: true,
    map: {
        '*': {
            'css': 'libs/require-css/css'
        }
    },
    packages: [
        {
            name: 'echarts',
            location: 'libs/echarts/src',
            main: 'echarts'
        },
        {
            name: 'zrender',
            location: 'libs/zrender/src',
            main: 'zrender'
        }
    ],
    paths: {
        "jquery": "libs/jquery/dist/jquery",
        "jquery.ui": "libs/jquery-ui",
        "echarts.min":"libs/echarts/echarts.min",


        "Class": "common/core/Class",
        "Core": "common/core/Core",
        "TPLEngine": "common/engine/tplEngine",

        "widget":"comsys/widget",
        "system":"../../../System"
    },
    modules: [
        {
            name:"echarts.min",
            include:[
                'echarts',
                'echarts/chart/line',
                'echarts/chart/bar',
                'echarts/chart/pie'
            ],
            exclude:[
                "jquery"
            ]
        },
        {
            name: 'config.min',
            include:[
                "config"
            ],
            exclude:[
                "jquery",
                "jquery.ui/ui/draggable",
                "jquery.ui/ui/menu",
                "common/setting",
                "libs/require-css/css!jquery.ui/themes/cupertino/theme"
            ]
        }
    ]
})

打包后引用echarts.min返回的对象是空~请大神帮看看

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

苍白女子 2022-09-09 11:05:30

问题已经解决,echarts打包后path的名称只能是echarts不能是echarts.min

{"echarts":"libs/echarts/echarts.min"}
烟酒忠诚 2022-09-09 11:05:30

name:"echarts.min",

        include:[
            'echarts',
            'echarts/chart/line',
            'echarts/chart/bar',
            'echarts/chart/pie'
        ],
        请问这个要怎么理解呢?
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文