tinymce внезапно перестает работать, когда я добавляю загрузчик css в конфигурацию webpack

Я запускаю свое приложение, клонируя код с https://github.com/DMPRoadmap/roadmap.

Этот проект использует webpack и npm.

Я хочу использовать select2, поэтому я сделал npm install select 2 в его каталоге lib/assets

Я хочу добавить поле поиска с множественным выбором на страницу сведений о моем проекте (это app/views/plans/_edit_details.html.erb), поэтому я добавил такой код:

      <%= f.select(:my_options,
         options_for_select({first_option: '123'}, ['123']),
         {},
         { id: 'select-field',
           class: 'form-control',
           multiple: 'multiple' }) %>

и добавил их в соответствующий файл JavaScript (то есть lib/assets/javascripts/views/plans/edit_details.js):

  // Set up Select2 for the multi select search field
  $('#select-field').select2({
    placeholder: 'Please enter text',
  });

а также эти, потому что webpack должен знать код, который мне нужен:

import 'select2/dist/js/select2';
import 'select2/dist/css/select2.css';

Этот проект использует только sass? поэтому я добавил загрузчик css в конфигурацию веб-пакета (lib/assets/webpack.config.js):

  {
    test: /\.js$/,
    exclude: /node_modules/,
    loader: 'babel-loader',
    query: {
      presets: ['es2015'],
    },
  },
  // above is old code, below is new code
  {
    test: /\.css$/,
    loaders: ['style-loader', 'css-loader'],
  },

Теперь (после того, как я добавил новый загрузчик css), поиск с множественным выбором работает, но текстовое поле tinymce в приложении внезапно больше не работает.

Я не знаю, почему это происходит, и не знаю, с чего начать отладку этого. Где я сделал неправильно?

Спасибо!