CSSNext postcss-custom-media - 无法使用 'importFrom' 选项从文件导入媒体

Question

我正在尝试使用 importFrom 文件位置添加 customMedia option to my postcss-cssnext features 配置，但这不起作用，我在项目构建中没有任何错误，只有最终 Missing @custom-media definition for '--small-viewport'. The entire rule has been removed from the output. 当我'我正在尝试使用媒体。我该如何调试？

module.exports = {
    plugins: [
        require('postcss-import')(),
        require('postcss-nested')(),
        require('postcss-simple-vars')({
            variables: {
                ...require('./src/ui/variables')
            }
        }),
        require('postcss-cssnext')({
            features: {
                customProperties: false,
                browsers: ['> 0.5%, last 2 versions, Firefox ESR, not dead'],
                customMedia: {
                    importFrom: require('path').join(__dirname, './src/ui/custom-media.css')
                }
            },
        }),
        require('cssnano')({
            autoprefixer: false,
            zindex: false,
            reduceIdents: false,
            discardComments: { removeAll: true },
            discardUnused: { fontFace: false },
            colormin: false,
        }),
    ]
};

Answer 1

好的，根据 postcss-custom-media CHANGELOG importFrom 仅在 7.0.0 中添加，而我的 cssnext 使用 6.0.0。由于不推荐使用 CSSNext，我将切换到 postcss-preset-env

Answer 2

你知道如何在 postcss-preset-env 中使用自定义媒体，只有当你在组件中创建自定义媒体时，它们才对我有用，如果我想从 index.css 中获取自定义媒体，请参考它或 vars.css 它们不起作用，使用变量一切正常

CSSNext postcss-custom-media - 无法使用 'importFrom' 选项从文件导入媒体

CSSNext postcss-custom-media - unable to import medias from file with 'importFrom' option

postcss

cssnext