[Gulp] Replace Autoprefixer browsers option to Browserslist config.

Replace Autoprefixer browsers option to Browserslist config.

Gulp 에러(Gulp Error) ReferenceError: primordials is not defined

위 글에서 계속. gulp css가 되는 듯 하더니 에러가 뜸

  Replace Autoprefixer browsers option to Browserslist config.
  Use browserslist key in package.json or .browserslistrc file.

  Using browsers option can cause errors. Browserslist config can
  be used for Babel, Autoprefixer, postcss-normalize and other tools.

  If you really need to use option, rename it to overrideBrowserslist.

  Learn more at:
  https://github.com/browserslist/browserslist#readme
  https://twitter.com/browserslist

---

방법 1. package.json 수정

웹 개발 기술 블로그

package.json에 코드 추가

,
    "browserslist" : ["chrome > 0", "ie > 0", "firefox > 0"]

npm install --save-dev gulp-autoprefixer

npm install --save-dev gulp-sass

---

방법 2. gulpfile.js와 package.json 수정

Autoprefixer "browsers" option is deprecated in v9, produces warnings · Issue #14530 · gatsbyjs/gatsby

gulpfile.js에 코드 추가

const postCssOptions = [
    assets({ loadPaths: ['images/'] }),
    autoprefixer(),
    postcssNormalize({
      browsers: 'last 2 versions',
      forceImport: true
    })
  ];

package.json 코드 수정

,
    "browserslist": [
        "last 2 version",
        "> 2%"
      ]

---

또 새로운 에러가 등장했다...

포기하자^^