Как добавить JavaScript сторонний плагин в рельсы 6 - PullRequest
Новая
       30

Как добавить JavaScript сторонний плагин в рельсы 6

0 голосов
/ 27 февраля 2019

Я знаю, это просто, но с обновлением rails 6. В rails 6 есть новый синтаксис для управления активами javascript, который поддерживается webpacker. 

//application.js
require("@rails/ujs") //.start()
require("turbolinks").start()
require("@rails/activestorage").start()
require('jquery').start()
require('jquery_ujs').start()
require('bootstrap-daterangepicker').start()
require("custom/custom").start()
require("bootstrap").start()
require("channels")

Я могу добавить custom/custom, но при начальной загрузкеи JQuery не работает У меня есть установить JQuery и начальной загрузки через Npm

Ответы [ 2 ]

0 голосов
/ 15 мая 2019

Запустите команду ниже, чтобы добавить jQuery. 

$ yarn add jquery

Добавьте код ниже в environment.js 

const webpack = require('webpack')
environment.plugins.prepend('Provide',
  new webpack.ProvidePlugin({
    $: 'jquery/src/jquery',
    jQuery: 'jquery/src/jquery'
  })
)

Требуется jquery в файле application.js. 

require('jquery')

Больше не нужно добавлять драгоценный камень jquery-rails!

0 голосов
/ 27 февраля 2019

для решения проблемы с сторонним плагином jquery добавьте jquery через пряжу 

yarn add jquery

для добавления поддержки jquery в приложение rails 6, сначала нам нужно добавить ниже конфигурацию 

# app/config/webpack/environment.js
const {environment} = require('@rails/webpacker');

const webpack = require('webpack');
environment.plugins.append('Provide', new webpack.ProvidePlugin({
  $: 'jquery',
  jQuery: 'jquery' # or if its not work specify path `'jquery/src/jquery'` which node_modules path for jquery
}));

module.exports = environment;

для импорта любогоПодключаемый модуль jquery в app/javascripts/packs/application.js

используйте приведенные ниже инструкции 

import 'bootstrap/dist/js/bootstrap';
import 'bootstrap-daterangepicker/daterangepicker'
...