Можно ли импортировать файл .css с помощью модулей ES6? - PullRequest
Новая
       18

Можно ли импортировать файл .css с помощью модулей ES6?

1 голос
/ 09 июня 2019

Я пытаюсь импортировать файл .css с помощью модулей ES6, но получаю ошибку. Можно ли даже импортировать файл CSS без использования упаковщика или транспортера (например, веб-пакета)?

Не удалось загрузить скрипт модуля: сервер ответил с MIME-тип без текста JavaScript "text / css" 

<html>
    <body>
        <div id="app">
            {{ msg }}
        </div>

        <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
        <script type="module">
            import './style.css'

            new Vue({
              el: '#app',
              data: {
                msg: 'Hello World!'
              }
            })
        </script>
    </body>
</html>

1 Ответ

1 голос
/ 10 июня 2019

Вы не можете сделать это с модулями ES6. Вы можете динамически импортировать его в HTML, хотя: 

<script>
    const url = "./style.css";
    document.head.innerHTML += `<link type="text/css" rel="stylesheet" href=${url}>`;
</script>
...