So führen Sie JQuery in das Vue-CLI-Webpack ein (ausführliches Tutorial)

Ich verwende die Webpack-Vorlage, um Jquery in das von vue-cli generierte Projekt einzuführen. Fügen Sie zunächst „jquery“: „^2.2.3“ zu den Abhängigkeiten in package.json hinzu und installieren Sie es dann Inhalt für Details. Nächster Artikel

Nachdem ich heute einen ganzen Nachmittag damit verbracht habe, habe ich endlich jquery in das von vue-cli generierte Projekt eingeführt und es aufgezeichnet. (Webpack für Vorlagen)

Fügen Sie zuerst „jquery“: „^2.2.3“ zu den Abhängigkeiten in package.json hinzu, installieren Sie es dann

und fügen Sie es zu webpack.base.conf.js hinzu

var webpack = require("webpack")

Fügen Sie

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

am Ende von module.exports hinzu und führen Sie dann unbedingt dev erneut aus.

Fügen Sie es in main.js ein und es wird in Ordnung seinimport $ from 'jquery'

Sehen wir uns an, wie man Jquery in Vue einführt

1.

npminstall jquery --save

2 /webpack.base.conf.js

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

3. Führen Sie jquery

import $ from 'jquery'

in main.js ein. 4. eslint

Der nächste Schritt besteht darin, .eslintrc.js zu ändern Datei im Stammverzeichnis. Ändern Sie in .exports einfach ein Schlüssel-Wert-Paar jquery: true zu env.

Das Obige ist das, was ich für alle zusammengestellt habe alle in der Zukunft.

Verwandte Artikel:

Lösung des Problems der Hot-Bereitstellung, bei der Dateiänderungen in Webpack nicht erkannt werden

In webpack-dev-server Automatisch erreichen Seitenaktualisierung

Erzielen Sie eine Lupe durch JQuery-Technologie

So verwenden Sie die Bilderkennungstechnologie von Puppeteer, um den Baidu-Index-Crawler zu implementieren

Das obige ist der detaillierte Inhalt vonSo führen Sie JQuery in das Vue-CLI-Webpack ein (ausführliches Tutorial). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!