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

Question

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

Answer 1

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

Answer 2

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

        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()

Answer 3

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

如果是jquery 就要import 'jquery'

Answer 4

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

Answer 5

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

import $ from 'jquery'

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