vue + selected-js:无法使用selected-sprite.png导入selected-js的css

时间:2018-11-05 16:30:18

标签: vue.js npm webpack jquery-chosen

我正在使用npm以及Vue和Webpack。我想将选择的库与jQuery一起使用,但是由于出现错误,所以无法导入chosen-js/chosen.css。如何导入选择的css文件?

代码:

<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)

2 个答案:

答案 0 :(得分:1)

尝试添加图像加载器,以便WebPack知道如何处理png文件。这还将使您可以选择在捆绑过程中压缩图像文件。这是链接:https://www.npmjs.com/package/image-webpack-loader

答案 1 :(得分:0)

安装文件加载程序并将其添加到webpack.config.js,这很好。