vueスキャフォールディングにjqueryサードパーティプラグインをインポートする方法

jquery サードパーティ プラグインを vue Scaffolding にインポートする方法: 1. jquery をダウンロードする; 2. webpack.base.conf.js ファイルを編集し、webpack を導入し、jquery プラグインを設定する; 3 . [エントリファイルにインポート $ from 'jquery'] と入力します。

このチュートリアルの動作環境: Windows 10 システム、vue バージョン 2.9。この方法は、すべてのブランドのコンピューターに適しています。

(学習ビデオ共有: javascript ビデオ チュートリアル)

1. jquery

npm install jquery --save

をダウンロードします。2. ビルド フォルダーの webpack.base を開きます。 .js ファイル:

(1) 先頭に webpack を導入します

 var webpack=require('webpack')

(2) module.exports で JQuery プラグインを構成します:

plugins: [ 
           new webpack.ProvidePlugin({ 
                 $:"jquery", 
                 jQuery:"jquery", 
                "windows.jQuery":"jquery"
        }) 
      ],

3.エントリ ファイル main.js に

import $ from 'jquery'

と入力します。 4.

を使用してテストします。 関連する推奨事項: vue.js チュートリアル

以上がvueスキャフォールディングにjqueryサードパーティプラグインをインポートする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。