生产文件夹构建问题与吞咽

Question

我试图找出为什么我在css中添加的动画名称样式没有从我的开发环境复制到我的生产环境。

这是我的生产环境中的代码。

＆＃13;

＆＃13;

@keyframes a {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.site-main__home-links {
    animation: a 2s
}

＆＃13;

＆＃13;

＆＃13;

这是我的开发环境中的代码。

＆＃13;

＆＃13;

@-webkit-keyframes fadeButtons {
	from { opacity: 0; }
	to { opacity: 1; }
}

@keyframes fadeButtons {
	from { opacity: 0; }
	to { opacity: 1; }
}

.site-main__home-links {
	-webkit-animation: fadeButtons 2s;
	        animation: fadeButtons 2s;
}

＆＃13;

＆＃13;

＆＃13;

这是我的package.json列表

Answer 1

因为gulp-cssnano所做的一些事情是减少可以占用空间的长名称，所以“fadeButtons”变成了“a”。这是正常的，也是缩小过程的一部分 - 它被称为“破坏”名称。在缩小之后，你的代码应该可以正常工作。

您必须查看cssnano文档以查看是否可以关闭修改名称（或某些指定的名称）。