vue中设置jquery忽略打包的方法

vue中不建议使用jquery,但是有时又需要使用获得节点Dom操作树时,对性能损失又是可以接受的话,可以加入jquery到项目中使用,打包时可以忽略掉jquery,避免构建项目太大。

1.在index.html中使用javascript引入

   <script src="https://cdn.bootcss.com/jquery/3.3.1/core.js"></script>

无需其他配置即可

2.项目中import导入

  import $ from "juqery"

在vue.config.js中配置忽略设置

  module.exports={
    chainWebpack:config=>{
        config.externals({
            jquery:"jQuery"
        })
    }
  }
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 29,288评论 1赞 45
  • ## 框架和库的区别?> 框架(framework):一套完整的软件设计架构和**解决方案**。> > 库(lib...
    Rui_bdad阅读 3,241评论 1赞 4
  • 一:什么是闭包?闭包的用处? (1)闭包就是能够读取其他函数内部变量的函数。在本质上,闭包就 是将函数内部和函数外...
    xuguibin阅读 10,099评论 1赞 52
  • vue-cli搭建项目 确保安装了node与npm 再目标文件夹下打开终端 执行cnpm i vue-cli -g...
    Akiko_秋子阅读 3,432评论 1赞 22
  • 响应式布局的理解 响应式开发目的是一套代码可以在多种终端运行,适应不同屏幕的大小,其原理是运用媒体查询,在不同屏幕...
    懒猫_6500阅读 902评论 0赞 0

友情链接更多精彩内容