vue-cliでのjqueryの使用

976 ワード

一.インストール依存npm install jquery --save
二.グローバルインポート(依存関係をインストールする必要がある)
最初のステップwebpack.base.conf.jsに追加します(新版ではこのファイルが見つからない可能性がありますが、npm install webpack --save-devで手動でインストールできます)
var webpack = require("webpack")

ステップ2module.exportsの最後の加入
plugins: [
 new webpack.optimize.CommonsChunkPlugin('common.js'),
 new webpack.ProvidePlugin({
 jQuery: "jquery",
 $: "jquery"
 })
]

ステップ3main.jsで導入
import $ from 'jquery'  //              $  jq 
main.jsに直接導入
import jquery from 'jquery'  //              $  jq 

三.単一vueコンポーネントのインポート(依存をインストールする必要があります)
そしてコンポーネントのscriptで

  import $ from "jquery"   //           node_modlules              
  console.log($) //