Lorsque j'ai introduit jQuery pour la première fois en programmation, j'ai dit: "Installez jQuery avec gem. Le fichier js est lu en remplaçant" pack-tag "par" inculude-tag "à l'aide du pipeline d'actifs." appris. Après cela, à partir de rails6, webpacker (gemme qui introduit webpack) a été installé en standard, et j'ai entendu dire que l'introduction dans le pipeline d'actifs n'était pas courante, donc je voulais introduire jQuery avec webpacker.
ruby 2.6.5 rails 6.0.3.2
Créez une application et déplacez-la vers l'application que vous avez créée dans le terminal. Démarrez également le serveur local.
Tapez la commande suivante dans le terminal:
terminal
$ yarn add jquery
Ajoutez le code au contenu du fichier comme indiqué ci-dessous.
config/webpack/environment.js
const { environment } = require('@rails/webpacker')
const webpack = require('webpack')
environment.plugins.prepend('Provide',
new webpack.ProvidePlugin({
$: 'jquery',
jQuery: 'jquery',
})
)
module.exports = environment
Ajoutez le code suivant.
app/javascript/packs/application.js
require('jquery')
Créez un fichier test.js et chargez-le.
app/javascript/packs/application.js
require('../test')
app/javascript/test.js
$(function(){
alert('jQuery is installed.')
});
Si jQuery est chargé avec succès, "jQuery est installé." Sera affiché dans l'alerte. En cas d'échec, "$" ne peut pas être utilisé et une erreur s'affiche sur la console.
Recommended Posts