Vue Cli 3引入Layui的问题及关于assets文件夹及public文件夹的区别

Layui文件夹放在public文件夹中，不要放在src的assets中，不要用import引入。

在pubilc文件夹中的index.html中引入Layui的js及css，（注意引入路径！）

    <link type="text/css" rel="stylesheet" href="./layui/css/layui.css" /> 
    <script type="text/javascript" class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="./layui/layui.js"></script>

拓展知识：

Vue Cli中public文件夹及src文件夹中assets文件夹的区别

public文件夹及assets文件夹都是用来存储静态资源的，但是在webpack处理编译是有区别的。

assets文件夹

assets文件夹是通过相对路径被引入的。这类引入会被webpack处理。

public文件夹

放在public文件夹下的资源会被直接复制，不会经过webpack的打包处理，所以如果引用的资源不希望被webpack处理时，可将其放在public文件夹中，

在index内引用资源，如果引用的资源不想被webpack处理，可以加上前缀

<%= BASE_URL %>

例：Vue Cli

<link rel="icon" href="<%= BASE_URL %>favicon.ico">