как использовать jquery и таблицы данных из svelte используя npm - PullRequest
Новая
       68

как использовать jquery и таблицы данных из svelte используя npm

1 голос
/ 16 января 2020

Я пытаюсь использовать плагин DataTables jQuery от svelte, и я бы хотел не включать их в свой индекс. html. Я хочу сослаться на него в форме npm.

. Я пробовал с этим: 

<script>
  import { onMount } from 'svelte'
  import jQuery from 'jquery'

  import dt from 'datatables.net'
  import dtCss from 'datatables.net-dt'
  dt(jQuery)

  export let values = []
  let tableElement

  onMount( () => jQuery(tableElement).DataTable() )

</script>

<table bind:this={tableElement} border="1px">
  <thead>
    <tr>
      <th>values</th>
    </tr>
  </thead>
  <tbody>
    {#each values as value}
      <tr>
        <td>{value}</td>
      </tr>
    {/each}
  </tbody>
</table>

, и это пакеты времени выполнения в моем пакете. json

  "dependencies": {
    "datatables.net": "^1.10.20",
    "datatables.net-dt": "^1.10.20",
    "jquery": "^3.4.1",
    "sirv-cli": "^0.4.4"
  }

jQuery отлично работает, DataTable тоже отлично работает, но я не знаю, как сказать свертке включить файлы DataTable css (которые находятся в node_modules / datatables. net -dt / css)

1 Ответ

2 голосов
/ 17 января 2020

Вы можете напрямую импортировать файл css и использовать rollup-plugin-post css: 

<script>
  import { onMount } from 'svelte'
  import jQuery from 'jquery'
  import 'datatables.net-dt/css'

  // ...
</script>
...