Несмотря на то, что я установил плагин CSS, он не применяется при объединенииCSS

Разбираемся в CSS
Ответить
Anonymous
 Несмотря на то, что я установил плагин CSS, он не применяется при объединении

Сообщение Anonymous »

В настоящее время я пытаюсь загрузить плагинrollup-plugin-import-css и применить CSS внутри накопительного пакета, но стиль не применяется.
В чем проблема? Сколько бы я ни искал, я не знаю, в чем проблема.
Имя класса применено, но стиль не применяется.
rollup.config.js

Код: Выделить всё

import nodeResolve from "@rollup/plugin-node-resolve";
import commonjs from "@rollup/plugin-commonjs";
import typescript from "@rollup/plugin-typescript";
import url from "@rollup/plugin-url";
import dts from "rollup-plugin-dts";
import terser from "@rollup/plugin-terser";
import peerDepsExternal from "rollup-plugin-peer-deps-external";
import css from "rollup-plugin-import-css";

const packageJson = require("./package.json");

export default [
{
input: "src/index.ts",
output: [
{
file: packageJson.main,
format: "esm",
sourcemap: true,
},
],
plugins: [
typescript(),
css(),
nodeResolve(),
commonjs(),

terser(),
peerDepsExternal(),
url({
fileName: "[name][extname]",
include: ["**/*.wav"],
limit: 100000,
}),
],
external: ["react", "react-dom"],
},
{
input: "dist/cjs/types/src/index.d.ts",
output: [{ file: "dist/index.d.ts", format: "esm" }],
plugins: [dts.default()],
external: [/\.css$/],
},
];

button.tsx

Код: Выделить всё

import "./button.css";

export default function Button() {
return (

button

);
}
button.css

Код: Выделить всё

.button {
color: red;
}
Изображение



Подробнее здесь: https://stackoverflow.com/questions/783 ... -in-rollup
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»