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

vue項(xiàng)目中databases依賴jquery，所以需要引入，以前是直接通過(guò)CDN引入的，現(xiàn)在老大讓改成npm引入，npm install jQuery后
直接import會(huì)報(bào)錯(cuò)，查了一下說(shuō)要配置webpack，我的項(xiàng)目是webpack4的，網(wǎng)上找不到vue.config.js中jquery的配置，望大佬指點(diǎn)一下，謝謝了

回答

編輯回答

未命名

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

2017年6月30日 00:11

編輯回答

拼未來(lái)

哈哈，第一個(gè)那個(gè)文章太老了，在新版本的腳手架生成的項(xiàng)目里面，只要在 package.json 定義依賴，安裝，然后直接在 .vue 里面：

import $ from 'jquery'

后面其實(shí)你要考慮的是這個(gè)依賴包要不要打進(jìn)去，如果不打放 externals 里面
如果是我的化，我建議是不打進(jìn)去的，畢竟不小，而且說(shuō)實(shí)話，放到 script 里面加上 cdn 地址會(huì)更好

2017年5月8日 12:39

編輯回答

凹凸曼

查看一下package.json中jquery依賴名稱(chēng)對(duì)不對(duì)，確認(rèn)一下是jQuery還是jquery
webpack不需要更改，沒(méi)問(wèn)題

如果是jquery 就要import 'jquery'

2018年5月9日 06:13

編輯回答

哚蕾咪

這個(gè)不需要配置什么吧，install過(guò)后，直接import進(jìn)來(lái)就行了

2018年8月26日 04:19

編輯回答

卟乖

問(wèn)題解決了，我是這樣寫(xiě)的，希望對(duì)后來(lái)者有幫助

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

2017年4月23日 19:37