我已经使用 TSDX 创建了一个 React 库 → https://github.com/deadcoder0904/react-typical
它使用 CSS 模块并将样式附加到 React 库。
该包正确地将 CSS 文件输出到dist/文件夹中,但它从未真正按应有的方式引用它。
这导致我的样式根本不显示。
这是我的完整tsdx.config.js:
const postcss = require('rollup-plugin-postcss');
const { terser } = require('rollup-plugin-terser');
const autoprefixer = require('autoprefixer');
const cssnano = require('cssnano');
module.exports = {
rollup(config, options) {
config.plugins.push(
postcss({
modules: true,
plugins: [
autoprefixer(),
cssnano({
preset: 'default',
}),
],
inject: false,
// only write out CSS for the first bundle (avoids pointless extra files):
extract: !!options.writeMeta,
minimize: true,
}),
terser()
);
return config;
},
};
如果您在https://yarnpkg.com/package/@deadcoder0904/react-typical?filesdist/看到该文件夹,那么您会注意到它有文件,但它根本不引用该文件。index.js.css
文件夹中的每个.js文件都一样dist/。没有文件引用.css文件,CSS 代码根本没有捆绑,所以它只是不使用样式。
我该如何解决这个问题?
达令说
HUX布斯
相关分类