vue-cli 使用layui

297 阅读1分钟

在打包输出模板文件(public/index)添加layui引用

    <!-- 引入 layui.css -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/layui/2.6.8/css/layui.css">
    <!-- 引入 layui.js -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/layui/2.6.8/layui.js"></script>

配置vue.config.js

module.exports = {
    configureWebpack: config => {        
    config.externals = {
        'layui': 'layui',                                   
    }               
  },  
}

在页面js或者.vue文件中直接使用就行了

layui.use(['layer', 'form'], function(){
  var layer = layui.layer
  ,form = layui.form;
  
  layer.msg('Hello World');
});