Heim > Web-Frontend > js-Tutorial > Hauptteil

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

亚连
Freigeben: 2018-06-12 16:32:19
Original
3361 Leute haben es durchsucht

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")
Nach dem Login kopieren

Fügen Sie

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

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
Nach dem Login kopieren

2 /webpack.base.conf.js

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

3. Führen Sie jquery

import $ from 'jquery'
Nach dem Login kopieren
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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!