NOVINKA - Online rekvalifikační kurz Python programátor. Oblíbená a studenty ověřená rekvalifikace - nyní i online.
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.
Funkce, kterou se snažíš použít je dostupná pouze pro registrované uživatele. Buďto se přihlas nebo si zdarma vytvoř nový účet.

Diskuze: ReactJS - importování .css

V předchozím kvízu, Online test znalostí JavaScript, jsme si ověřili nabyté zkušenosti z kurzu.

Aktivity
Avatar
Adam Gajdečka
Člen
Avatar
Adam Gajdečka:20.1.2019 10:17

Potřebuji použít importovaný css soubor jako module. Používám React v kombinaci s TypeScript

import * as React from 'react';
import classes from './Test.css';

Cannot find module './Test.css'

Zkusil jsem: tsconfig.json

{
  "compilerOptions": {
    "outDir": "../wwwroot/dist/",
    "noImplicitAny": true,
    "module": "es6",
    "target": "es5",
    "jsx": "react",
    "moduleResolution": "node",
    "sourceMap": true,
    "lib": [
      "es2016",
      "dom"
    ]
  }
}

webpack.config.js

const path = require('path');

module.exports = (env = {}, argv = {}) => {

    const config = {
        mode: argv.mode || 'development', // we default to development when no 'mode' arg is passed
        entry: {
            main: './js/main.js'
        },
        plugins: [
            new webpack.WatchIgnorePlugin([
                /css\.d\.ts$/
            ]),
        ],
        output: {
            filename: '[name].js',
            path: path.resolve(__dirname, '../wwwroot/dist'),
            publicPath: "/dist/"
        },
        module: {
            rules: [
                {
                    test: /\.css$/,
                    loader: 'typings-for-css-modules-loader?modules&namedExport&camelCase'
                },
            ]
        }
    }

    return config;
};

Chci docílit: Budu vděčný za pomoc. Díky

 
Odpovědět
20.1.2019 10:17
Avatar
andrasi.m
Člen
Avatar
andrasi.m:21.1.2019 12:44

jsou na to pluginy, ale nejsem si jistý, jestli to je správně. Podle mě by jsi měl raději udělat nový entry a v tom řešit třeba jen styly..... Já osobně mám více entry resp na front a backend. A podle souborů, které importuji si je pak rozděluji do složek jak potřebuji.

 
Nahoru Odpovědět
21.1.2019 12:44
Avatar
Adam Gajdečka
Člen
Avatar
Odpovídá na andrasi.m
Adam Gajdečka:21.1.2019 12:59

zkoušel jsem snad všechny možné konfigurace a instalace různých balíčků. Nemůžu na to přijít.

 
Nahoru Odpovědět
21.1.2019 12:59
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 3 zpráv z 3.