• 技术文章 >web前端 >Vue.js

    vue-cli如何引入layui

    coldplay.xixicoldplay.xixi2020-11-17 16:32:57原创141

    vue-cli引入layui的方法:首先下载layui;然后将该文件放在static文件夹中;最后在【main.js】中按照正确的路径引入js和css或者在【index.html】文件中引用。

    【相关文章推荐:vue.js

    vue-cli引入layui的方法:

    一、下载layui(官网提供)

    二、将该文件放在static文件夹中

    三、在main.js中按照正确的路径引入js和css或者在index.html文件中引用(注意路径)

    四、static文件夹和/src/assets文件夹的区别

    static文件中的静态资源在打包时不会被webpack处理,会被直接复制到目标文件中,该文件夹中的内容必须使用绝对路径引用;

    src/assets文件中的静态资源在打包时会webpack处理,所有*.vue文件中的templates和css都会被vue-html-loader 和css-loader 查询资源的URLs解析;

    这是由config/index.js文件中的build.assetspublicpath和build.assetssubdirectory确定

    3fb3fc5f63b148391b6365ab8836372.png

    以上就是vue-cli如何引入layui的详细内容,更多请关注php中文网其它相关文章!

    本文原创发布php中文网,转载请注明出处,感谢您的尊重!
    专题推荐:vue-cli 引入layui
    上一篇:vue.js插件是什么意思 下一篇:vue中如何使用hightchats?方法介绍
    第15期线上培训班

    相关文章推荐

    • vue-cli 2.x 项目优化之引入本地静态库文件• vue-cli3.0如何实现资源加载的优化• vue-cli脚手架如何引入图片(代码)• 浅谈vue-cli初始化Vue项目的项目结构

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网