vueはjquery(vue+webpack 4.0+ivew 2.14+vuex+es 6+stylusアーキテクチャ2)をどのように導入するか
1171 ワード
なぜjqueryを導入するのですか?
多くの人がvueのプラグインライブラリにjqueryが完備していません.例えばword、excelなどの機能をエクスポートします.
多くの人がjqueryの開発に依存し、vueに移行するのは一時的に完全に適応できないが、vueにjqueryを導入することは少なく、githubやvueコミュニティにプラグインが必要だと提案している.
ステップ1:jquery依存のインストール
説明:
@latestは最新のパッケージのインストールを示します
--saveはproduction環境依存としてインストールされていることを示します
ステップ2:jqueryをプロジェクトに導入
説明:
どうしてwindow.$=$?コンソールに$を付けないからです.fn===undefined; コンソールでjqueryを使用できないメソッド
ステップ3:webpack構成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)をどのように導入するか
多くの人が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)をどのように導入するか