Как подключить css Semantic UI в webpack?

243
15 декабря 2017, 01:21

Построил конфиг для приложения React. Решил интегрировать Semantic UI. Нашел версию для ReactJS. В документации увидел, что его подключают или через CDN, или надо устанвливать YArn с помощью которого качать css отдельно. В примерах под Webpack стили также подключаются в HTML ссылкой. Собственно вопрос, можно ли просто скачать все стили,шрифт,иконки, где-то складировать и просто подхватить их при сборке вебпаком?Я пробовал в своем кнфиге следующее:

 entry: {
            css            : ["./css/main.css",
                              './semantic_ui/semantic.min.css'
                            ]
        },
module : {
        loaders : [
            {
                test: /\.css$/,
                use: ExtractTextPlugin.extract({
                    fallback: "style-loader",
                    use: "css-loader"
                })
            }
        ]
    },
plugins: [
        new ExtractTextPlugin({
            filename: "../css/style.min.css",
            disable: false,
            allChunks: true
        }),
        new OptimizeCssAssetsPlugin({
            assetNameRegExp: /\.min\.css$/g,
            cssProcessor: require('cssnano'),
            cssProcessorOptions: { discardComments: { removeAll: true } },
            canPrint: true
        })
    ]

И соответственно в папку с проектом я положил минифицированные стили и фонты с иконками. Однако webpack ругнулся при сборке:

ERROR in ./semantic_ui/semantic.min.css
Module build failed: ModuleNotFoundError: Module not found: Error: Can't resolve 'file' in '/web'
READ ALSO
css блок вымещает блок

css блок вымещает блок

ПриветУ меня возникла такая проблема

264
Цвет SVG бекграунда

Цвет SVG бекграунда

Вставляю маскировку в CSS вот так:

246
Модальное окно fancybox относительно родителя

Модальное окно fancybox относительно родителя

Привет, не получается реализовать открытие модального окна fancybox в том div, в котором оно собственно и располагаетсяПо дефолту модальное окно...

258
Как при нажатии кнопки получить блок div?

Как при нажатии кнопки получить блок div?

Как сделать так, чтобы при нажатии на "кнопку" на сайте под кнопкой появлялся блок DiV с готовым текстом каким-либо?

346