美文网首页
vue中设置jquery忽略打包的方法

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

作者: 左学 | 来源:发表于2019-06-03 23:02 被阅读0次

    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"
            })
        }
      }
    

    相关文章

      网友评论

          本文标题:vue中设置jquery忽略打包的方法

          本文链接:https://www.haomeiwen.com/subject/bzfkxctx.html