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

2019-06-03  本文已影响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"
        })
    }
  }
上一篇下一篇

猜你喜欢

热点阅读