Свертывание и использование стилей импорта из styles.s css возможно? - PullRequest
Новая
       76

Свертывание и использование стилей импорта из styles.s css возможно?

0 голосов
/ 19 июня 2020

Я пытаюсь заставить это работать в Rollup : (не webpack).

Очень надуманный пример: 

import React, { memo } from 'react';
import styles from './styles.scss'; // <-- THIS IS EMPTY

const Button = () => {
  return (
    <div className={styles.buttoncontainer}> // no styles. 
      test
    </div>
  );
};

примечание: если я просто do: import './styles.scss' .. тогда Я МОГУ ИСПОЛЬЗОВАТЬ 'buttoncontainer'. Но я хочу использовать styles.buttoncontainer.

моя конфигурация накопительного пакета: 

import peerDepsExternal from "rollup-plugin-peer-deps-external";
import resolve from "rollup-plugin-node-resolve";
import typescript from "rollup-plugin-typescript2";
import sass from "rollup-plugin-sass";
import commonjs from "rollup-plugin-commonjs";
import copy from "rollup-plugin-copy";

import packageJson from "./package.json";

export default {
  input: "src/index.ts",
  output: [
    {
      file: packageJson.main,
      format: "cjs",
      sourcemap: true
    },
    {
      file: packageJson.module,
      format: "esm",
      sourcemap: true
    }
  ],
  plugins: [
    peerDepsExternal(),
    resolve(),
    commonjs(),
    typescript({ useTsconfigDeclarationDir: true }),
    sass({
      insert: true
    })
  ]
};
...