vue + chosen-js:无法使用 chosen-sprite.png 导入 chosen-js 的 css
vue + chosen-js: can not import css of chosen-js with chosen-sprite.png
我正在使用 npm、Vue 和 Webpack。我想将 Chosen 库与 jQuery 一起使用,但我无法导入 chosen-js/chosen.css
,因为出现错误。如何导入 Chosen 的 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)
安装文件加载器并将其添加到 webpack.config.js,效果很好。
尝试添加图像加载器,以便 WebPack 知道如何处理 png 文件。这还将为您提供在捆绑过程中压缩图像文件的选项。这是 link:https://www.npmjs.com/package/image-webpack-loader
我正在使用 npm、Vue 和 Webpack。我想将 Chosen 库与 jQuery 一起使用,但我无法导入 chosen-js/chosen.css
,因为出现错误。如何导入 Chosen 的 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)
安装文件加载器并将其添加到 webpack.config.js,效果很好。
尝试添加图像加载器,以便 WebPack 知道如何处理 png 文件。这还将为您提供在捆绑过程中压缩图像文件的选项。这是 link:https://www.npmjs.com/package/image-webpack-loader