rails6 webpacker で jquery-ui

javascript

$ yarn add jquery
$ yarn add jquery-ui

webpacker 4.2 での話です

config/webpack/environment.js

const webpack = require('webpack')
environment.plugins.prepend('Provide',
new webpack.ProvidePlugin({
$: 'jquery/src/jquery',
jQuery: 'jquery/src/jquery',
Popper: ['popper.js', 'default']
})
)

environment.toWebpackConfig().merge({
resolve: {
alias: {
'jquery': 'jquery/src/jquery'
}
}
});

あとは application.js で

require('jquery');
require("jquery-ui/ui/widgets/datepicker");

とかで読み込みます

タイトルとURLをコピーしました