Ant-design中使用jQuery


步驟一

webpack 配置中添加ProvidePlugin插件,congfig/webpack.config.js:

module.exports = function (webpackEnv) { plugins: [ new webpack.ProvidePlugin({ $: 'jquery', jquery: 'jquery', 'window.jQuery': 'jquery', jQuery: 'jquery' }) ] }

上面代碼使用了 webpack 的 ProvidePlugin 插件,這個插件在加載某個模塊時,如果遇到了未定義的並且在配置文件中配置了的變量,比如上面代碼看到的 $、jquery、jQuery、window.jQuery,就會自動導入對應的依賴項,比如上面代碼中的 jquery 模塊。

步驟二

組件中引用jquery:

import $ from 'jquery'


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM