title: How can I configure Autoprefixer in Angular 7
body: <p>I'm using autoprefix in Angular 7 Project.
     But When I open the browser devtools and focus the element with class "simple-content", which has display flex as applied style, there is no expected 'prefixes'.
   In Angular 4-6 projects, this works ok.</p>
  
  <p>Step 1: Run ng serve
  Step 2: Open the browser devtools and focus the element with class "simple-content", which has display:flex.</p>
  
  <p>In package.json I have </p>
  
  <pre><code> {
      "browserslist": [
      "last 1 version",
      "&gt; 1%"
      ]
    }. 
  
  In package-lock.json I have 
  
      "autoprefixer": {
        "version": "9.4.4",
        "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-9.4.4.tgz",
        "integrity": "sha512-7tpjBadJyHKf+gOJEmKhZIksWxdZCSrnKbbTJNsw+/zX9+f//DLELRQPWjjjVoDbbWlCuNRkN7RfmZwDVgWMLw==",
        "requires": {
          "browserslist": "^4.3.7",
          "caniuse-lite": "^1.0.30000926",
          "normalize-range": "^0.1.2",
          "num2fraction": "^1.2.2",
          "postcss": "^7.0.7",
          "postcss-value-parser": "^3.3.1"
        },
  </code></pre>
  
  <p>I tried to enable autoprefixing for flexbox with /* autoprefixer: on */, but no result.</p>
  
  <p>In css file i have</p>
  
  <pre><code>.simple-content {
      display: flex;
  }
  </code></pre>
  
  <p>Expected result :</p>
  
  <pre><code>.simple-content {
    display: -webkit-box;    
    display: -moz-box;      
    display: -ms-flexbox;   
    display: -webkit-flex;   
    display: flex;             
  }
  </code></pre>