title: Npm run production Missed semicolon error
body: <p>When I run <code>npm run dev</code> it compiles everything with no error but when I try to run <code>npm run production</code> I get this error: </p>
  
  <pre><code>cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js - 
  -progress --hide-modules --config=node_modules/laravel- 
  mix/setup/webpack.config.js
  
  92% chunk asset optimization 
  OptimizeCssAssetsWebpackPluginCssSyntaxError: C:\css\themes\default- 
  theme.css:3:19: Missed semicolon
  at Input.error 
  (C:\Users\me\projects\blog\node_modules\postcss\lib\input.js:130:16)
  at Parser.checkMissedSemicolon 
  </code></pre>
  
  <p>heres my css file </p>
  
  <pre><code> var map = {
  "./af": "./node_modules/moment/locale/af.js",
  "./zh-hk.js": "./node_modules/moment/locale/zh-hk.js",
  "./zh-tw": "./node_modules/moment/locale/zh-tw.js",
  "./zh-tw.js": "./node_modules/moment/locale/zh-tw.js"};
  
  
  function webpackContext(req) {
  var id = webpackContextResolve(req);
  return __webpack_require__(id);
  }
  function webpackContextResolve(req) {
  if(!__webpack_require__.o(map, req)) {
      var e = new Error("Cannot find module '" + req + "'");
      e.code = 'MODULE_NOT_FOUND';
      throw e;
  }
  return map[req];
  }
  webpackContext.keys = function webpackContextKeys() {
  return Object.keys(map);
  };
  webpackContext.resolve = webpackContextResolve;
  module.exports = webpackContext;
  webpackContext.id = "./node_modules/moment/locale sync recursive^\\.\\/.*$";
  </code></pre>
  
  <p>ANSWER: I fixed error by adding</p>
  
  <pre><code>  plugins: [
    new webpack.IgnorePlugin(/^\.\/locale$/, /moment$/)
    ]
  </code></pre>
  
  <p>to webpack.mix.js in my root directory</p>