sass-brunch | Adds Sass / Scss support to brunch | Style Language library

On my Phoenix project, I found a peculiar behavior of sass-brunch.

Here are the short descriptions of my problem:

• It generates a correct app.css on the priv/static/css directory when the Phoenix server started in dev envrionment.
• When I modify one of SCSS files, the app.css gets generated but lacks only the lines from the modified SCSS file. It keeps the lines from the unmodified files.
• This problem occurs on Ubuntu 16.04, but not on macOS.

On the log file, I noticed an entry that may be related to this issue:

[debug] Duplicate channel join for topic "phoenix:live_reload" in Phoenix.LiveReloader.Socket. Closing existing channel for new join.

I don't see such a line on my Mac.

My environment:

• Ubuntu 16.04 Desktop
• Phoenix 1.2.5
• Node.js 8.9.1
• npm 5.5.1
• Brunch 2.10.7
• sass-brunch 2.10.4

My package.json:

{ "repository": {}, "license": "MIT", "scripts": { "deploy": "brunch build --production", "watch": "brunch watch --stdin" }, "dependencies": { "phoenix": "file:deps/phoenix", "phoenix_html": "file:deps/phoenix_html" }, "devDependencies": { "babel-brunch": "6.0.6", "brunch": "2.10.7", "clean-css-brunch": "2.10.0", "sass-brunch": "^2.10.4", "uglify-js-brunch": "2.1.1" } }

[UPDATE]

I found an interesting fact.

• When I edit SCSS files using vim, the app.css gets generated normally.
• When I edit them using atom, things do not go well.

Out of the blue build script started to fail. No changes in environment or configs at all. Works fine in dev, fails in prod.

Both dev and prod (both Ubuntus):

I'm building out an app that has multiple entry points. It's a plugin/sideloading react architecture.

I have a base react app compiling into app.js and vendor.js just fine. The issue originates with the secondary project, the theme, being bundled with some of the same dependencies. Most notably react and react-dom. I would like to be able to use conventions.ignored to instruct brunch to ignore specific node_modules and their dependencies. Regardless of the regex I put in conventions.ignored I still get react and react-dom in the theme_vendor.js bundle. See config below:

I wanted to try out Brunch and am having some trouble getting my compiled JS files to execute in the browser.

The file gets compiled and loaded by the page into the browser. If I stick an alert or a console log in the source files and do a build, then nothing happens when I load the page.

If I edit the file manually and put a console log or an alert into it then it works just fine.

Does anyone have any ideas? I feel like I'm probably just missing something silly.

This is what I have in my brunch config file