H5W3
当前位置:H5W3 > 其他技术问题 > 正文

(webpack4) vue.config.js中怎么配置jquery?

vue项目中databases依赖jquery,所以需要引入,以前是直接通过CDN引入的,现在老大让改成npm引入,npm install jQuery后
直接import会报错,查了一下说要配置webpack,我的项目是webpack4的,网上找不到vue.config.js中jquery的配置,望大佬指点一下,谢谢了

回答:

https://segmentfault.com/a/11…

回答:

问题解决了,我是这样写的,希望对后来者有帮助

        config.module
            .rule('expose1')
            .test(require.resolve('jquery'))
                .use()
                .loader('expose-loader')
                .options("jQuery")
                .end()
        config.module
            .rule('expose2')
            .test(require.resolve('jquery'))
                .use()
                .loader('expose-loader')
                .options("$")
                .end()

回答:

查看一下package.json中jquery依赖名称对不对,确认一下是jQuery还是jquery
webpack不需要更改,没问题

如果是jquery 就要import ‘jquery’

回答:

这个不需要配置什么吧,install过后,直接import进来就行了

回答:

哈哈,第一个那个文章太老了,在新版本的脚手架生成的项目里面,只要在 package.json 定义依赖,安装,然后直接在 .vue 里面:

import $ from 'jquery'

后面其实你要考虑的是这个依赖包要不要打进去,如果不打放 externals 里面
如果是我的化,我建议是不打进去的,毕竟不小,而且说实话,放到 script 里面加上 cdn 地址会更好

本文地址:H5W3 » (webpack4) vue.config.js中怎么配置jquery?

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址