vue + selected-js: невозможно импортировать css of selected-js с selected-sprite.png

Question

Я использую npm, Vue и Webpack. Я хочу использовать библиотеку Chosen с jQuery, но я не могу импортировать chosen-js/chosen.css, потому что я получил ошибку. Как импортировать css файл Chosen?

Код:

<script>
import $ from 'jquery';
window.$ = window.jQuery = $;
import chosen from 'chosen-js';
import 'chosen-js/chosen.css';

export default {
    mounted: function() {
        $('.select').chosen({
            search_contains: true,
        });
    },
};
</script>

<template>
    <div>
        <select class="select">
            <option selected>aaa</option>
            <option>bbb</option>
            <option>ccc</option>
        </select>
    </div>
</template>

Ошибка:

ERROR in ./node_modules/chosen-js/chosen-sprite.png 1:0
Module parse failed: Unexpected character '�' (1:0)
You may need an appropriate loader to handle this file type.
(Source code omitted for this binary file)

Answer 1

Попробуйте добавить загрузчик изображений, чтобы WebPack знал, как обрабатывать png-файлы. Это также даст вам возможность сжимать файлы изображений в процессе связывания. Вот ссылка: https://www.npmjs.com/package/image-webpack-loader

Answer 2

Установите и добавьте файл-загрузчик в webpack.config.js, то есть работает нормально.