Vue Cli 3引入Layui的問題及關(guān)于assets文件夾及public文件夾的區(qū)別
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">
點擊查看更多內(nèi)容
為 TA 點贊
評論
評論
共同學(xué)習(xí),寫下你的評論
評論加載中...
作者其他優(yōu)質(zhì)文章
正在加載中
感謝您的支持,我會繼續(xù)努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進行掃碼打賞哦