代码之家 › 专栏 › 技术社区 › Valentyn Stets

Webpack 2 css加载程序在生产构建中替换z-index属性

z-index less webpack

Valentyn Stets · 技术社区 · 7 年前

我在我们的应用程序的生产构建版本方面面临着奇怪的问题。我们正在使用与webpack捆绑的React。样式以较少的格式编写,并打包成单独的包。css带 提取文本插件 . 我正在 z-index 我的应用程序中的所有属性。问题是,在生产模式中,捆绑输出带有z索引属性替代值的样式。例如, z-index: 9999 将传输到 z-index: 27 . 即使我把 !important 结果是 z-index: 27!important . 我假设这是故意做的,但如果某个z-index属性设置为jss,例如“zIndex:99”,那么我的主9999(配置为更少)将与jss内联样式重叠,这些样式在构建后保持不变。

1 回复 | 直到 7 年前

mehulmpt 6 年前

在生产中,添加 safe 压缩:

new OptimizeCSSPlugin({
  cssProcessorOptions: {
    safe: true
  }
})

推荐文章

Guillaume Harari · 根据开发或产品环境加载css

6 年前

Max Silva · 无法使用vuejs2和webpack嵌入自定义字体

6 年前

Fered · Npm、Dev dependecy或dependecy,当使用webpack等将所有内容打包到一个脚本中时?

6 年前

Carlo · 如何使用Webpack 4仅在某些模块中导入jQuery?

6 年前

zh-mskl9 · Pug+Web包开发服务器

6 年前

Mizlul · 无法解析“css加载程序!”!自动刷新器加载程序'

6 年前

Aleksandr Gvozdev · 模拟'fs。readdirSync`节点。无递归的js

6 年前

jonnyg · 如何在docker文件中获取我可用的docker环境变量?(使用React/JS/webpack)

6 年前

Boris K · 将Extract Text Webpack插件与Vue CLI 3配合使用

6 年前

IsraGab · 使用webpack从angularjs模块加载特定指令

6 年前