Используйте Quill с Typescript + Webpack - PullRequest
Новая
       17

Используйте Quill с Typescript + Webpack

0 голосов
/ 15 марта 2019

Я ищу рабочий репозиторий для QuillJS с конфигурацией Webpack + Typescript.Я нашел этот пример Quill , но он, кажется, очень старый, и он не работает для меня.

Первая попытка: Как импортировать все необходимые модули в файл Typescript?Если я делаю импорт таким способом 

import Toolbar from 'quill/modules/toolbar';

Typescript выдает сообщение «Не удалось найти файл объявления» Да, я установил @ types / quill.

Вторая попытка: Ok, переместить всеимпорт в дополнительный файл js, как в примере. Пример Quill app.js Но как импортировать этот файл в Typescript, чтобы создать экземпляр Quill?Если я делаю это следующим образом 

import * as quill from 'component/myQuill/myQuill';

, он также жалуется на отсутствие файла декларации.

Третья попытка: сделайте это хакерским способом 

let quill = require('component/myQuill/myQuill');

Теперь перо имеетвведите любой.Мне не нравится такой способ, как пользователь машинописного текста, и

при запуске Webpack не работает с: 

ERROR in ./node_modules/quill/ui/icons.js
Module not found: Error: Can't resolve '../assets/icons/align-center.svg' in 'xyz\node_modules\quill\ui'
 @ ./node_modules/quill/ui/icons.js 4:16-59
 @ ./node_modules/quill/themes/snow.js
 @ ./xyz/component/myQuill/myQuill.js

Я добавил * .svg к расширениям и использую загрузчик файлов для svg в конфигурации webpack,Вот добавленные части в моем конфиге webpack 

module: {

        rules: [            
            {
                test: /\.(woff|woff2|eot|ttf|otf|svg)$/,
                use: [
                    {
                        loader: 'file-loader'                        
                    }
                ]
            }
resolve: {
        // Which file extensions to load
        extensions: ['.ts', '.js', '*.js', '.css', '*.css', '.json', '*.json', '.svg', '*.svg']


alias: {

            'quill$': path.resolve(__dirname, 'node_modules/quill/quill.js'),
        }

У кого-нибудь есть рабочий репозиторий с примерами?

...