title: Webpack Minified and Unminified Js and Css
body: <p>Here's the file structure of what I want:</p>
  
  <pre><code>- dist
    - js
      - jPlayer.js
      - jPlayer.min.js
    - css
      - skins
        - sleek.css
        - sleek.min.css
  </code></pre>
  
  <p>Here's my webpack.config.js</p>
  
  <pre><code>import ExtractTextPlugin from 'extract-text-webpack-plugin';
  import OptimizeCssAssetsPlugin from 'optimize-css-assets-webpack-plugin';
  import autoprefixer from 'autoprefixer';
  import webpack from 'webpack';
  
  const debug = process.env.NODE_ENV !== 'production';
  
  export default {
    context: __dirname,
    entry: {
      'jPlayer.js': './build.js',
      'jPlayer.min.js': './build.js',
      'sleek.css': './src/less/skins/sleek.less',
      'sleek.min.css': './src/less/skins/sleek.less'
    },
    output: {
      path: './dist/',
      filename: '[name]',
    },
    devServer: {
      historyApiFallback: true,
    },
    module: {
      loaders: [
        {
          test: /\.jsx?$/,
          exclude: /node_modules/,
          loader: 'babel-loader',
          query: {
            presets: ['react', 'es2015', 'stage-0'],
            plugins: ['transform-class-properties', 'transform-decorators-legacy'],
          },
        },
        {
          test: /\.less$/,
          loader: ExtractTextPlugin.extract('style-loader',
            'css-loader?importLoaders=1' +
            '!postcss-loader' +
            '!less-loader'),
        },
        {
          test: /\.(woff2?|eot|ttf|svg)(\?[\s\S]+)?$/,
          loader: 'url-loader?limit=100000',
        },
        {
          test: /\.(jpg)$/,
          loader: 'file-loader',
        },
      ],
    },
    plugins: [
      new ExtractTextPlugin('[name]'),
      new webpack.optimize.UglifyJsPlugin({
        include: /\.min\.js$/,
      }),
      new OptimizeCssAssetsPlugin({
        assetNameRegExp: /\.min\.css$/
      })
    ],
    postcss: () =&gt; [autoprefixer],
    resolve: {
      extensions: ['', '.js', '.jsx'],
    },
  };
  </code></pre>
  
  <p>This currently outputs</p>
  
  <pre><code>- dist
    - jPlayer.js
    - jPlayer.min.js
    - sleek.css
    - sleek.min.css
  </code></pre>
  
  <p>UglifyJs also keeps mangling my sleek.css file like this:</p>
  
  <p><a href="https://i.stack.imgur.com/fwQkx.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/fwQkx.png" alt="enter image description here"></a></p>
  
  <p>How do I do this?</p>
  
  <p>Which is not what I want.</p>