Materialisecss.com旋转木马只需要js

Posted 2021-05-04

我正在使用https://github.com/Dogfalo/materialize这个，最新的1.0.0-alpha.2发行版我怎么能抓住旋转木马只有js？我试图导入一个js模块（轮播）。你的完整缩小文件对我来说太沉重了。我试图只采取carousel.js并面临错误未捕获

ReferenceError: cash is not defined

下一步是添加cash.js内部，我有这样的错误

Uncaught ReferenceError: M is not defined

我认识到你的“核心”是global.js文件？我已添加它，似乎一切正常，但现在我在IE11中遇到ES6错误。但不是文件的完全最小化版本。好，

jQuery.error(`Method ${methodOrOptions} does not exist on jQuery.${pluginName}`);

这行可以删除，但我有其他错误

syntax error class Carousel {

我在这里坚持了......

所以问题是：我应该为你的轮播正确的工作添加什么最小的js文件列表？

答案

您可以切换到Bootstrap，如果您没有100％修复Materialise，那么您可以编译并构建其功能的子集。它非常简单明了，可以在他们的页面上完成然后下载。

一个好的开始：

customize your BS

了解您的需求：

• CSS
• Components

如果您坚持原始问题，我建议您发布相关代码并使用popper缩进，标点符号使一切更具可读性。

另一答案

原因是很棒的人使用混合的es5，es6代码和打字稿。模板字符串，还没有完全支持polyfill，请参考this post

所以我只用typescript playground重写打字稿代码，并用Traceur将es6重写为es5。现在一切正常甚至IE