Primeflex 3.0.1如何修改断点变量$lg的默认值

Primeflex的断点变量需要通过Sass变量覆盖的方式修改，操作流程如下：

• 第一步：确保项目已安装Sass预处理器，以及对应版本的Primeflex依赖，执行安装命令：
  npm install sass primeflex@3.0.1
• 第二步：在项目的全局Sass入口文件（如styles.scss、global.scss）中，先声明覆盖的$lg变量，再导入Primeflex的Sass源码，变量声明必须放在导入语句之前，否则覆盖不生效
  示例代码如下：

// 自定义lg断点值为1100px
$lg: 1100px;
// 如有需要可以同步调整相邻的xl断点，避免两个断点区间过窄
// $xl: 1300px;

// 导入Primeflex Sass源码
@import "primeflex/primeflex.scss";

• 第三步：在项目构建配置或者入口文件中引入修改后的全局Sass文件，替换原有直接引入的primeflex.css即可。

如果你使用CDN方式引入Primeflex，无法直接修改变量，需要手动重写所有@media (min-width:992px)相关的响应式样式，不推荐该方案。

内容的提问来源于stack exchange，提问作者Branka