Modules配置和使用

Environment Modules能够动态修改用户的环境,使用比较方便,下面记录以下安装的步骤。

1、安装Tcl

yum -y install tcl-devel

2、下载modules并安装

./configure --prefix=/opt/tools/modules/installed --modulefilesdir=/opt/tools/modules/modulefiles
make && make install

3、使用请参考https://www.cnblogs.com/yeungchie/p/16268954.html

PostCSS-Modules 是一个 PostCSS 插件,它可以将 CSS 模块化,防止类名冲突和样式污染。 下面是一个常见的 PostCSS-Modules配置: ```js const postcssModules = require('postcss-modules'); module.exports = { plugins: [ postcssModules({ // 生成的类名格式 generateScopedName: '[name]__[local]___[hash:base64:5]', // 生成的 JSON 文件路径 getJSON: (cssFileName, json, outputFileName) => { const jsonFileName = `${outputFileName}.json`; fs.writeFileSync(jsonFileName, JSON.stringify(json)); }, }), ], }; ``` 这里主要用到了 `generateScopedName` 和 `getJSON` 两个选项。 `generateScopedName` 选项用来指定生成的类名格式,其中 `[name]` 表示文件名,`[local]` 表示类名,`[hash:base64:5]` 表示使用 5 位的 hash 值作为区分。 `getJSON` 选项用来指定生成的 JSON 文件路径,其中 `cssFileName` 表示当前 CSS 文件路径,`json` 表示生成的 CSS 类名与新类名的映射关系,`outputFileName` 表示生成的 CSS 文件路径。在这里,我们将生成的映射关系写入与 CSS 文件同名的 JSON 文件中。 当你使用 PostCSS-Modules 编译 CSS 文件时,会生成一个对应的 JSON 文件,里面存储了 CSS 类名与新类名的映射关系。在 JavaScript 文件中,可以通过 `import` 引入这个 JSON 文件,并使用其中的类名。例如: ```js import styles from './styles.css.json'; const className = styles.myClass; // 使用新类名 ``` 这样,即使多个 CSS 文件中定义了同名的类,在编译后也可以保证它们的类名不会冲突。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值