Lazily load trix

app/javascript/components/Trix.js

@@ -0,0 +1,6 @@
+import 'trix';
+import '@rails/actiontext';
+
+export default function () {
+  return null;
+}

app/javascript/loaders/Trix.js

@@ -0,0 +1,3 @@
+import Loadable from '../components/Loadable';
+
+export default Loadable(() => import('../components/Trix'));

app/javascript/packs/application.js

@@ -1,8 +1,6 @@
 import '../shared/polyfills';
 import Rails from '@rails/ujs';
 import * as ActiveStorage from '@rails/activestorage';
-import 'trix';
-import '@rails/actiontext';
 import 'whatwg-fetch'; // window.fetch polyfill
 import ReactRailsUJS from 'react_ujs';
 

app/views/new_administrateur/mail_templates/_form.html.haml

@@ -1,3 +1,6 @@
+-# Load Trix lazily, by using our React lazy-loader.
+-# (Trix itself doesn't use React though)
+= react_component('Trix')
 
 = f.label :subject do
   Objet de l'email