WebPacker avec Rails compile SCSS partials

Question

J'ai créé un exemple d'application à https://github.com/joostvanrijn/webpacker pour être complet, mais voici ma question:

# app/javascript/packs/stylesheets.scss 

@import 'variables'; 
@import 'foo'; 

# app/javascript/packs/_variables.scss 

$bar: #fff; 

# app/javascript/packs/_foo.scss 

body { 
    color: $bar; 
} 

Maintenant, quand je lance /bin/webpack-dev-server je reçois

Undefined variable: "$bar". 

Et plus important encore

[84] ./app/javascript/packs/_foo.scss 988 bytes {2} [built] [failed] [1 error] 

Il semble que Rails/webpacker compile tous les fichiers au lieu de ju st stylesheets.scss

Answer 1

J'ai été capable de trouver la réponse finalement.

De l'readme WebPacker:

The configuration for what Webpack is supposed to compile by default 
rests on the convention that every file in app/javascript/packs/* 
(default) or whatever path you set for source_entry_path in the 
webpacker.yml configuration is turned into their own output files (or 
entry points, as Webpack calls it). 

Ainsi, en déplaçant les SASS partials dans un autre dossier maintenant que le stylesheets.scss sera compilé.