通过早午餐将mdl-ext npm包添加到Phoenix的配置

Question

早午餐/ npm和菲尼克斯把我搞糊涂了。缺乏具体的例子无济于事。也许这个问题可以给我们一些启发？这是我在mo‘的配置

npm: {
 enabled: true,
 styles: {
   'material-design-lite': ['dist/material.min.css'],
   'mdl-ext': ['lib/mdl-ext.css']
 },
 globals: {
   material: 'material-design-lite'
 }
}

有几个问题。虽然mdl样式正在工作，但我不确定.js是否可以通过。我该怎么检查呢？

mdl-ext css已经通过了，但还是不确定js。也不确定我将如何检查。所有的一切都感觉有点神秘。

Answer 1

了解了更多关于早午餐的知识，并找到了解决方案。

App.js默认配置“

：" js /app.js”默认未注释。因此，它不包含任何包含js文件的正则表达式，因此它包含所有文件。

我只需要在我的app.js文件中使用这两行：

  import 'material-design-lite/material';
  import 'mdl-ext';

当捆绑到多个文件中时，事情变得有点棘手，例如app.js和vendor.js。我还在尝试这样做。

https://github.com/phoenixframework/phoenix/issues/1495 https://github.com/phoenixframework/phoenix/issues/1813