Configuration pour ajouter un paquet mpm ndl-ext à Phoenix via le brunch

Question

Brunch/npm et phoenix me déroutent. Le manque d'exemples concrets n'aide pas. Peut-être que cette question peut jeter un peu de lumière? Voilà ma config au mo »

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

quelques questions. Tandis que les styles de mdl fonctionnent, je ne suis pas sûr si le .js est tiré à travers. Comment pourrais-je vérifier?

mdl-ext css est en train de se faufiler à travers, mais encore une fois, je ne suis pas sûr de la js. Je ne sais pas non plus comment je verrais. Tout se sent une sauce un peu secrète.

Answer 1

En savoir plus sur le brunch et trouvé la solution.

la configuration brunch-configuraton.js par défaut est livré avec ce « joinTo: " js/app.js" décommentée par défaut Ainsi, il ne contient aucune regex pour inclure les fichiers js, et par conséquent il comprend tous les d'entre eux

J'ai juste besoin de ces 2 lignes dans mon fichier app.js:

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

les choses deviennent un peu plus délicat lorsque le regroupement en plusieurs fichiers e. g app.js et vendor.js. Je suis toujours en train d'expérimenter avec ça.

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