layui引入echarts模块

作者：cndz 围观群众：682 更新于 2023-08-14 23:33:14 标签：echartslayuilayui使用echarts

echarts版本5.2.2

改造echarts.js文件

第一处修改

添加内容

window.layui && layui.define ? layui.define(function(exports){exports('echarts',factory(exports))}) :

原头部位置

(function (global, factory) {
    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
    typeof define === 'function' && define.amd ? define(['exports'], factory) :
    //在此处添加代码
    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.echarts = {}));
}(this, (function (exports) { 'use strict';

修改完成后代码

(function (global, factory) {
    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
    typeof define === 'function' && define.amd ? define(['exports'], factory) :
    window.layui && layui.define ? layui.define(function(exports){exports('echarts',factory(exports))}) :
    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.echarts = {}));
}(this, (function (exports) { 'use strict';

第二处修改
在文件最后

修改为

修改代码

    Object.defineProperty(exports, '__esModule', { value: true });
    return exports;

使用

layui.use([‘layer’, ‘miniTab’,’table’,’form’,’laydate’,’echarts’], function () {
var echarts = layui.echarts;
//使用echarts就好
})