vueはjquery(vue+webpack 4.0+ivew 2.14+vuex+es 6+stylusアーキテクチャ2)をどのように導入するか


なぜjqueryを導入するのですか?
多くの人がvueのプラグインライブラリにjqueryが完備していません.例えばword、excelなどの機能をエクスポートします.
多くの人がjqueryの開発に依存し、vueに移行するのは一時的に完全に適応できないが、vueにjqueryを導入することは少なく、githubやvueコミュニティにプラグインが必要だと提案している.
ステップ1:jquery依存のインストール
cnpm i jquery@latest --save

説明:
@latestは最新のパッケージのインストールを示します
--saveはproduction環境依存としてインストールされていることを示します
ステップ2:jqueryをプロジェクトに導入
src/main.js
import $ from 'jquery'
window.$=$

説明:
どうしてwindow.$=$?コンソールに$を付けないからです.fn===undefined; コンソールでjqueryを使用できないメソッド
ステップ3:webpack構成jquery
build/webpack.base.conf.js

const webpack = require('webpack')

module.exports={
  plugins: [
    new webpack.optimize.CommonsChunkPlugin('common.js'),
    new webpack.ProvidePlugin({
      jQuery: "jquery",
      $: "jquery"
    })
  ],
}

説明:
ヘッダにwebpackをインポートします.moduleでexportsにjqueryの構成を加えればよい
コードの任意の位置でjqueryのすべての方法を$で楽しく使用することができます.
(ps:質問があればいつでも伝言を残してください)
下一篇:vueフレームワークを構築する(vue+webpack 4.0+ivew 2.14+vuex+es 6+stylusアーキテクチャ一)
次編:vueはechart(vue+webpack 4.0+ivew 2.14+vuex+es 6+stylusアーキテクチャ3)をどのように導入するか