- 将所有图片路径从绝对路径改为使用 process.env.PUBLIC_URL - 修复 HomePage.tsx 中所有图片引用 - 修复 CoursePage.tsx 中所有图片引用 - 确保图片在 GitHub Pages 上正确加载 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
PostCSS Opacity Percentage
PostCSS plugin to transform percentage-based opacity values to more compatible floating-point values.
Install
Using npm:
npm install --save-dev postcss postcss-opacity-percentage
Using yarn:
yarn add --dev postcss postcss-opacity-percentage
Example
/* Input */
.foo {
opacity: 45%;
}
/* Output */
.foo {
opacity: 0.45;
}
Usage
postcss([
require('postcss-opacity-percentage'),
]);
See PostCSS documentation for examples for your environment.
postcss-preset-env
If you are using postcss-preset-env@>=7.3.0, you already have this plugin installed via this package.
Options
preserve
The preserve option determines whether the original percentage value is preserved. By default, it is not preserved.
// Keep the original notation
postcss([
require('postcss-opacity-percentage')({preserve: true}),
]);
/* Input */
.foo {
opacity: 45%;
}
/* Output */
.foo {
opacity: 0.45;
opacity: 45%;
}
License
MIT © Marc Görtz