vue-cliでのjqueryの使用
976 ワード
一.インストール依存
二.グローバルインポート(依存関係をインストールする必要がある)
最初のステップ
ステップ2
ステップ3
三.単一vueコンポーネントのインポート(依存をインストールする必要があります)
そしてコンポーネントのscriptで
npm install jquery --save
二.グローバルインポート(依存関係をインストールする必要がある)
最初のステップ
webpack.base.conf.js
に追加します(新版ではこのファイルが見つからない可能性がありますが、npm install webpack --save-dev
で手動でインストールできます)var webpack = require("webpack")
ステップ2
module.exports
の最後の加入plugins: [
new webpack.optimize.CommonsChunkPlugin('common.js'),
new webpack.ProvidePlugin({
jQuery: "jquery",
$: "jquery"
})
]
ステップ3
main.js
で導入import $ from 'jquery' // $ jq
main.js
に直接導入import jquery from 'jquery' // $ jq
三.単一vueコンポーネントのインポート(依存をインストールする必要があります)
そしてコンポーネントのscriptで
import $ from "jquery" // node_modlules
console.log($) //