Импортируйте quill.js в Laravel 5.8, используя Mix / Webpack - PullRequest
Новая
       22

Импортируйте quill.js в Laravel 5.8, используя Mix / Webpack

1 голос
/ 05 апреля 2019

Я пытаюсь импортировать новую библиотеку JavaScript в свое приложение Laravel 5.8, используя Mix. В частности, библиотека quill.js.

1 Ответ

1 голос
/ 05 апреля 2019

Вот шаги, которые я предпринял, чтобы установить перо и сделать его глобально доступным в приложении.

1

Установить перо через npm 

npm install quill --save-dev

2

Создайте новый файл /resources/js/quill.js

3

В файле quill.js я включил код в документацию по quillпредлагает: https://quilljs.com/guides/adding-quill-to-your-build-pipeline/

import Quill from 'quill/core';

import Toolbar from 'quill/modules/toolbar';
import Snow from 'quill/themes/snow';

import Bold from 'quill/formats/bold';
import Italic from 'quill/formats/italic';
import Header from 'quill/formats/header';


Quill.register({
  'modules/toolbar': Toolbar,
  'themes/snow': Snow,
  'formats/bold': Bold,
  'formats/italic': Italic,
  'formats/header': Header
});


export default Quill;

4

В своем файле app.js я включил файл quill.js и присвоил его глобальной области действия 

require('./quill.js');

window.Quill = require('Quill');

5

Импортируйте перо css в /resources/sass/app.scss

@import '~quill/dist/quill.core.css';

И для вашей темы 

@import '~quill/dist/quill.snow.css';

6

Пробег npm run dev

...