如何在webpack中使用jquery.mCustomScrollbar插件

Malihu-custom-scrollbar-plugin是一个依赖于jquery的自定义网页滚动条样式的插件

网站：http://manos.malihu.gr/jquery-custom-content-scroller/

https://github.com/malihu/malihu-custom-scrollbar-plugin

Jquery.mCustomScrollbar编写了npm上webpack中使用的方法

但是它只引用js，需要配合mCustomScrollbar的css才能正常使用。

如果你直接解压下载的mCustomScrollbar，然后在js中要求它，你会发现用webpack打包总是会报告错误。

当您遇到这样的错误时，这意味着您使用了npm上mCustomScrollbar编写的导入方法，并且没有更改下载的文件夹名称。

只需将jquery . mccustomscroll bar . css所在的文件夹名称更改为不包含malihu-custom-scrollbar-plugin，比如直接把这个css放在自己的CSS文件夹里~ ~ ~。

因为与malihu-custom-scroll匹配的bar插件在config中加载了imports-loader，所以引入的css没有加载css-loader，并报告了一个错误。

插件的css中使用了背景图片。打包webpack时，除了js之外的所有类型都需要添加loader。当将图片引入webpack时，它需要依赖url加载器。

打包时参考图片报告的错误：

1.安装网址加载器

Npm安装URL-加载器-保存-dev2，配置. js文件用于配置webpack

module : { loaders : [{ test :/\。css$/，loader: 'style-loader！css-loader' }，{ test: /\。(gif|jpg|png|woff|svg|eot|ttf)\？*$/，loader: 'url-loader？limit=8192 name=images/[hash :8]。[姓名]。[ext]'}，//{ test: /\。png$/，loader: '文件加载器？Name=images/[hash:8]。[姓名]。[ext]'}]，}全部配置完成后，可以用webpack完美参考jquery.mCustomScrollbar插件~ ~ ~

以上是在webpack中使用webpack和插件的第一次体验，对它的理解还不够深刻~ ~ ~