Commit0070ea8

committed

minor#8054 Adding note about browserslist config (weaverryan)

This PR was merged into the 3.3 branch.Discussion----------Adding note about browserslist configFixes#8038Commits-------1176fad Adding note about browserslist config

2 parents1c2c46b +1176fad commit0070ea8Copy full SHA for 0070ea8

File tree

1 file changed

+25

-0

lines changed

frontend/encore
- postcss.rst

1 file changed

+25

-0

lines changed

`‎frontend/encore/postcss.rst‎`

Lines changed: 25 additions & 0 deletions

Original file line number	Diff line number	Diff line change
@@ -18,6 +18,8 @@ Next, create a ``postcss.config.js`` file at the root of your project:
`18`	`18`	`plugins: {`
`19`	`19`	`// include whatever plugins you want`
`20`	`20`	`// but make sure you install these via yarn or npm!`
	`21`	`+`
	`22`	`+// add browserslist config to package.json (see below)`
`21`	`23`	`autoprefixer: {}`
`22`	`24`	`}`
`23`	`25`	`}`
`@@ -35,6 +37,29 @@ Then, Enable the loader in Encore!`
`35`	`37`
`36`	`38`	That's it! The ``postcss-loader`` will now be used for all CSS, Sass, etc files.
`37`	`39`
	`40`	`+Adding browserslist to package.json`
	`41`	`+-----------------------------------`
	`42`	`+`
	`43`	+The ``autoprefixer`` (and many other tools) need to know what browsers you want to
	`44`	+support. The best-practice is to configure this directly in your ``package.json``
	`45`	`+(so that all the tools can read this):`
	`46`	`+`
	`47`	`+..code-block::diff`
	`48`	`+`
	`49`	`+ {`
	`50`	`+ + "browserslist": [ "last 2 versions", "ios >= 8" ]`
	`51`	`+ }`
	`52`	`+`
	`53`	+See `browserslist`_ for more details on the syntax.
	`54`	`+`
	`55`	`+..note::`
	`56`	`+`
	`57`	+ Encore uses `babel-preset-env`_, which also needs to know which browsers you
	`58`	+ want to support. But this does not read the ``browserslist`` config key. You
	`59`	+ must configure the browsers separately via:doc:`configureBabel()</frontend/encore/babel>`.
	`60`	`+`
`38`	`61`	.. _`PostCSS`:http://postcss.org/
`39`	`62`	.. _`autoprefixing`:https://github.com/postcss/autoprefixer
`40`	`63`	.. _`linting`:https://stylelint.io/
	`64`	+.. _`browserslist`:https://github.com/ai/browserslist
	`65`	+.. _`babel-preset-env`:https://github.com/babel/babel-preset-env

0 commit comments

Comments

(0)

Movatterモバイル変換

Navigation Menu

Search code, repositories, users, issues, pull requests...

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Uh oh!

Commit0070ea8

File tree

1 file changed

1 file changed

`‎frontend/encore/postcss.rst‎`

0 commit comments