样式配置 postcss.config.js

postcss.config.js 是应用的样式配置。YIS 框架的样式构建是基于 postcss 的,可以配置使用各种对应插件。默认生成的应用中 postcss.config.js 的配置内容如下:

代码节选自:postcss.config.js
module.exports = () => {
    return {
        plugins: {
            'postcss-import': {},
            'postcss-cssnext': {
                browsers: [
                    'Android >= 4.4',
                    'Chrome >= 35',
                    'iOS >= 8',
                    'Safari >= 7.1'
                ]
            },
            'postcss-apply': {},
            'postcss-reporter': {}
        }
    };
};

我们默认提供了 import、cssnext、apply 和 reporter 四个插件。如果需要配置更多的插件,只需通过 npm 安装,并在这个配置文件中添加相应的配置即可。

更多关于 postcss 及其插件的信息,可以参考 postcss 官网