Может ли webpack работать как полимерный cli?

Я изучаю Lit element и Material Design Component (MDC).

Для MDC я должен использовать webpack-dev-server, как говорит начиная.

Но для элемента Lit я должен использовать Полимр кли, потому что Polymer Cli может импортировать библиотеки по имени.

нравится.

  import { LitElement, html } from '@polymer/lit-element';

Итак, я ищу способ импортировать полимер по имени с помощью webpack. Или как я могу использовать MDC с помощью Polymer cli.

Не могли бы вы дать мне совет?

Поиск всех неиспользуемых файлов в проекте
Поиск всех неиспользуемых файлов в проекте
Количество файлов в проекте растет по мере его развития. И если быть по-настоящему честным, их продвижение происходит в геометрической прогрессии...
Настройка шаблона Metronic с помощью Webpack и Gulp
Настройка шаблона Metronic с помощью Webpack и Gulp
Я пишу эту статью, чтобы поделиться тем, как настроить макет Metronic с помощью Sass, поскольку Metronic предоставляет так много документации, и они...
1
0
204
1

Ответы 1

LitElement отлично работает с webpack. Единственное, что вам нужно сделать, это настроить его так, чтобы он также скомпилировал исходный код.

В большинстве конфигураций веб-пакетов у вас будет что-то вроде этого

module: {
    rules: [
        {
            test: /\.js$/,
            use: "babel-loader",
            exclude: /node_modules/
        }
    ]
},

Но если вы замените его чем-то вроде этого

module: {
    rules: [
        {
            test: /\.js$/,
            use: "babel-loader",
            exclude: (modulePath) => {
                return (
                    /node_modules/.test(modulePath) &&
                    !/node_modules/lit-html/.test(modulePath) &&
                    !/node_modules/lit-element/.test(modulePath)
                )
            },
        }
    ]
},

Тогда он также будет перенесен и должен работать нормально.

Другие вопросы по теме