Compile both minified & non-minified JS/SASS files for production?

Hello,

Is there a way to compile both minified and non-minified JS and SASS files for production?

For example:

- src/app.js   => dist/app.js  => dist/app.min.js
- src/app.scss => dist/app.css => dist/app.min.css

This would be very handy when creating packages.

[tpraxl]

Actually – after trying to modify mix to make that possible – I noticed that it is already possible. You just need the correct configuration.

Here are the required changes to webpack.mix.js in order to produce both: *.min.js and *.js. I don’t understand why, because the CustomTasksPlugin should minify the tasks’ assets nonetheless (see my research above), but somehow it doesn’t in this case:

mix.options(
   {
      // publicPath is optional. But if you don't specify it, you may need to adapt the path for mix.minify()
      publicPath: 'dist/',
      // set uglify to false in order to prevent production minification
      // it prevents mix from pushing UglifyJSPlugin into the webpack config
      uglify: false
   }
);

mix.js('src/index.js', 'app.js');

// you usually only want to minify this in production
if(mix.inProduction()) {
   mix.minify('dist/app.js');
}

Result: app.js (not minified) and app.min.js (minified) are created during production ( yarn run production or npm run production).

[EDIT] This will only work for js files. Not for scss / css.

[ivanvermeyen]

For production I only compile a minified version with the .min suffix at the moment:

mix.js('src/js/app.js', 'public/js/app.min.js')
    .sass('src/scss/app.scss', 'public/css/app.min.css');

I also wanted to add a compiled, but not minified CSS and JS file to my package. In case people want to edit the CSS but don’t use mix or grunt or gulp or something. But maybe that’s not really necessary…

So what I mean is that in the end I have 3 versions of my CSS and JS:

1. source files (SASS/ECMAScript6/…)
2. compiled and minified for production
3. compiled but not minified

But again, after thinking about it maybe it’s not all that useful…