PostCSS 模块: 解析导入
变换 :
:import("library/button.css") {
i__imported_button_0: button;
}
:export {
continueButton: _source_continueButton i__imported_button_0;
}
._source_continueButton {
color: green;
}
改为:
:export {
continueButton: _source_continueButton _button_button
}
._button_button {
/*common button styles*/
}
._source_continueButton {
color: green
}
说明: 应在 邮箱-模块-摘录-进口 财务报告和审定财务报表 邮政模块扫描仪。 。 。 .
这个 postcss-modules-resolve-imports 插件还修正 @import 财务报告和审定财务报表 url() 路径( 不从 /用于不同文件夹中的模块.
这个也是叉子 postcss-modules-resolve-imports,升级为使用最新版本的依赖。 作为一项新一揽子措施向国家预防机制释放 @dr.pogodin/postcss-modules-resolve-imports
选项
icssExports boolean
添加 :export 对结果的 cs 声明。 如果您需要带有符号的 JavaScript 对象, 您可以通过访问 lazyResult.root.exports 属性。 譬如说,
const lazyResult = postcss([...plugins]).process(cssString, {from: filepath});
const tokens = lazyResult.root.exports;
resolve object
配置模块的解析方式 .
resolve.alias object
为模块路径创建化名。 例如,为 独立 带有共同模块的目录 :
alias: {
lib: path.resolve(__dirname, 'lib'),
},
现在,与其使用相对路径来编组:
.button {
composes: normal from '../../lib/button.css';
}
可使用化名:
.button {
composes: normal from 'lib/button.css';
}
resolve.extensions array
用提供的扩展名自动检查文件 .
['.css']
允许您在使用作曲时省略文件扩展名 :
.button {
composes: normal from '../lib/button';
}
resolve.modules array
提供额外目录来检查模块。 应该是绝对的路径.
[path.resolve(__dirname, 'lib')]
resolve.mainFile string
指定在解决目录时要使用的默认文件名。 默认 : index.css。 。 。 .
resolve.preserveSymlinks boolean
Wether 要解决路径中的共鸣 节点行为的默认值 : false, (中文(简体) ),
(从 --preserve-symlinks 或环境变量 PRESERVE_SYMLINKS) (中文(简体) ).
参考指南
- 互通 CSS : https://github.com/cs-modules/ics (中文(简体) )
- 节点JS模块解决机制 : https://nodejs.org/dist/latest-v6.x/docs/api/modules.html#modules all gathers
许可证
麻省理工学院许可证