WebPack整合LayUI 简版

版本：webpack5，LayUI 2.5.8

源码包含 整个webpack5 的搭建及相应注释，IE9+支持   开发跨域支持等

网上找的方案或多或少都有些没有通过，通过如下操作成功

源码地址：GitHub

 

1、安装 npm i layui-src
2、拷贝 node_modules下的 layui-src 到 指定目录(assets)下
3、删除  npm uninstall layui-src   
4、index.html引入 layui 如下：
<link rel="stylesheet" href="./assets/js/layui-src/dist/css/layui.css" media="all">
<script src="./assets/js/layui-src/dist/layui.js" charset="utf-8"></script>
5、layui 示例：
 // 设置全局变量
    layui.use(['layer', 'form'], function(){
        let layer = layui.layer,form = layui.form;
    });
    
    function test() {
        layer.open({
            title: '在线调试1',
            offset: 'auto',
            content: '可以填写任意的layer代码'
        });
    }

 

 

效果图：