Laravel mix does not compile import or require statements

• Laravel Mix Version: 1.4.2
• Node Version: 6.11.2
• NPM Version: 3.10.10
• OS: Windows 10

Issue

Laravel Mix does not compile import or require. Instead, it simply copies them.

It does not perform minification in production mode either, but that’s a side-issue.

Steps to reproduce

1. Create a new npm project.
2. Install laravel-mix through npm and copy the scripts to your package.json.
3. npm install some package.
4. Create app.js:

import package from 'package'; // Or package = require('package');

1. Add mix.babel('inputpath/app.js', 'outputpath/app.js'); to your webpack.mix.js.
2. Run npm run dev or any other compilation script.

The output file will just be the same as the input file. Meanwhile, other ES6 features are compiled correctly (tested with classes and arrow syntax for example).

Am I missing something, or is this a bug?

[fiskhandlarn]

Same thing happens to me. I found a workaround here. Don’t know if it affects performance though.

mix.js('resources/assets/js/app.js', 'public/js');

mix.webpackConfig({
  module: {
    rules: [{
      test: /\.js?$/,
      use: [{
        loader: 'babel-loader',
        options: mix.config.babel()
      }]
    }]
  }
});

[WouterFlorijn]

@fiskhandlarn Thanks! That works for now. However, it seems like using mix.babel should just work.

For me, using mix.js without the config you mentioned works in development mode, but crashes in production mode (during minification). With the config, it also works in production.