When selecting "separate config files", cli should .browserslistrc over package.json

Version

3.0.0-alpha.9

Steps to reproduce

1. vue create demo-app
2. Select “In dedicated config files” on the question "Where do you prefer placing config for Babel, PostCSS, ESLint, etc.?"

What is expected?

browserlist config to be in .browserlistrc file

What is actually happening?

The browserlist config is in the package.json

[LinusBorg]

https://github.com/vuejs/vue-cli/blob/dev/packages/%40vue/cli/lib/util/configTransforms.js

By default, all configs are written into package.json. If the user selects “separate config files”, the tranforms defined in the above file will be used to extract configs from package.json into these files.

So you would have to define a new transform for the browserslist field in that file.

That could maybe be as simple as adding this to the export:

module.exports = {
  vue: makeJSTransform('vue.config.js'),
  babel: makeJSONTransform('.babelrc'),
  postcss: makeMutliExtensionJSONTransform('.postcssrc', true),
  eslintConfig: makeMutliExtensionJSONTransform('.eslintrc', true),
  jest: makeJSTransform('jest.config.js')
  browserslist: makeJSONTransform('.browserslistrc')
}

If we make this change, we have to make sure that these plugins actually respect .browserslistrc:

1. babel-preset-env
2. postcss autoprefixer

[LinusBorg]

https://github.com/browserslist/browserslist#browserslist-

The .browserlistrc file seems to have a different syntax after all, it’s not 100% JSON? You might have to write a new transform for that, probably.