malihu-custom-scrollbar-plugin是一个依赖jquery的自定义网页滚动条样式插件
jquery.mCustomScrollbar在npm上写了在webpack里使用的方法
但是其只说啦引用js,还需要配合mCustomScrollbar的css才能正常使用。
如果直接将下载下来的mCustomScrollbar解压,然后在js里require的话,你会发现使用webpack打包总是报错,
遇到这样的报错时,说明你使用了mCustomScrollbar在npm上写的引入方法,并且没有更改下载下来的文件夹名。
只需要将jquery.mCustomScrollbar.css所在文件夹的名字修改来不含有malihu-custom-scrollbar-plugin
malihu-custom-scrollbar-plugin就是用imports-loader在加载,所以导致引入的这个css没有使用css-loader去加载并报错。
1、安装URL-loader 加载器
npm install url-loader --save-dev
/\.css$/'style-loader!css-loader'/\.(gif|jpg|png|woff|svg|eot|ttf)\??.*$/,loader: 'url-loader?limit=8192&name=images/[hash:8].[name].[ext]'/\.png$/,loader: "file-loader?name=images/[hash:8].[name].[ext]"
所有都配置完,就可以完美的使用webpack引用jquery.mCustomScrollbar插件啦~~~
以上是第一次使用webpack以及第一次在webpack里使用插件的经历,对其理解还不够深入~~~
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。