Javascript File Deleted After SCSS Change

• Laravel Mix Version: 0.12.1
• Node Version: 6.9.5
• NPM Version: 3.10.10
• OS: OS X 10.12

Description:

After initial compilation when changing a SCSS file in a build that contains only scss and js then when the scss is changed the JS is deleted.

Steps To Reproduce:

On OSX follow these instructions:

#Create a temp project
mkdir /tmp/jsbug
cd /tmp/jsbug
#Create a default package.json
npm init -y
npm install lavavel-mix --save-dev
cp -r node_modules/laravel-mix/setup/** ./
touch style.scss
touch app.js

Copy in the lines to the package.json like in the documentation

  "scripts": {
    "dev": "cross-env NODE_ENV=development webpack --progress --hide-modules",
    "watch": "cross-env NODE_ENV=development webpack --watch --progress --hide-modules",
    "hot": "cross-env NODE_ENV=development webpack-dev-server --inline --hot",
    "production": "cross-env NODE_ENV=production webpack --progress --hide-modules"
  }

Edit the webpack.mix.js file to contain for the jobs:

let mix = require('laravel-mix');
mix.js('app.js', 'dist/')
.sass('style.scss', 'dist/');

Now run npm run watch

Initially this will create the javascript file. Then edit the sass file. The javascript file is then deleted.

In addition an example github repo is here:

https://github.com/kevin-coyle/laravel-mix-bug

Thanks for any help that you can give.

[JeffreyWay]

Ah okay, good to know thanks.

Mix 1.0 will automatically fix this. I’ll be tagging it later this week.

[njbarrett]

I’ve got this problem as well on 0.12.1. The issue does not occur in 0.11.4