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

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

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

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

нравится.

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

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

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


webpack material-design lit-element polymer-cli
person L.Yun    schedule 22.11.2018    source источник

Ответы (1)


arrow_upward
0
arrow_downward

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)
                )
            },
        }
    ]
},

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

person daKmoR    schedule 26.01.2019