鍍金池/ 問答/HTML/ (webpack4) vue.config.js中怎么配置jquery?

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

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

回答
編輯回答
編輯回答
拼未來

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

import $ from 'jquery'

后面其實你要考慮的是這個依賴包要不要打進去，如果不打放 externals 里面
如果是我的化，我建議是不打進去的，畢竟不小，而且說實話，放到 script 里面加上 cdn 地址會更好

2017年5月8日 12:39
編輯回答
凹凸曼

查看一下package.json中jquery依賴名稱對不對，確認一下是jQuery還是jquery
webpack不需要更改，沒問題

如果是jquery 就要import 'jquery'

2018年5月9日 06:13
編輯回答
哚蕾咪

這個不需要配置什么吧，install過后，直接import進來就行了

2018年8月26日 04:19
編輯回答
卟乖

問題解決了，我是這樣寫的，希望對后來者有幫助

        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