webpack 学习10 ,css 兼容性处理

这玩意主要将我们一些css3 的样式，加上前缀操作

css兼容性处理：postcss --> postcss-loader postcss-preset-env

帮postcss找到package.json中browserslist里面的配置，通过配置加载指定的css兼容性样式

            "browserslist": {
              // 开发环境 --> 设置node环境变量：process.env.NODE_ENV = development
              "development": [
                "last 1 chrome version",
                "last 1 firefox version",
                "last 1 safari version"
              ],
              // 生产环境：默认是看生产环境
              "production": [
                ">0.2%",
                "not dead",
                "not op_mini all"
              ]
            }

上面是学习笔记，我们第一步先下载包

问大家一个问题，在 vscode 中，打开终端的命令是啥？

答案是： ctr + `

__________________________________

打开终端：

webpack 学习10 ,css 兼容性处理