Vue.js vue+;Selected js:无法使用Selected-sprite.png导入所选js的css
我正在使用npm、Vue和Webpack。我想在jQuery中使用Selected库,但我无法导入Vue.js vue+;Selected js:无法使用Selected-sprite.png导入所选js的css,vue.js,npm,webpack,jquery-chosen,Vue.js,Npm,Webpack,Jquery Chosen,我正在使用npm、Vue和Webpack。我想在jQuery中使用Selected库,但我无法导入Selected js/Selected.css,因为我遇到了一个错误。如何导入选定的css文件 代码: 安装文件加载器并将其添加到webpack.config.js,这样做很好。尝试添加图像加载器,以便webpack知道如何处理png文件。这还将为您提供在捆绑过程中压缩图像文件的选项。这里有一个链接:您可能需要一个用于网页的图像加载器:哦,谢谢。我将文件加载器添加到webpack.config.j
Selected js/Selected.css
,因为我遇到了一个错误。如何导入选定的css文件
代码:
安装文件加载器并将其添加到webpack.config.js,这样做很好。尝试添加图像加载器,以便webpack知道如何处理png文件。这还将为您提供在捆绑过程中压缩图像文件的选项。这里有一个链接:您可能需要一个用于网页的图像加载器:哦,谢谢。我将文件加载器添加到webpack.config.js,这很好。我添加了一个答案供未来读者查看。很高兴它起作用了。
<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)