React SSR - Невозможно использовать css через webpack css-loader / style-loader - PullRequest
Новая
       14

React SSR - Невозможно использовать css через webpack css-loader / style-loader

0 голосов
/ 23 апреля 2019

Я пытаюсь построить реагирующий серверный компонент.Мой webpack.client.js выглядит так: 

const path = require('path');

module.exports = {
    // Tell webpack the root file of our
    // server application 
    entry: ['./src/client.js'],

    // Tell webpack where to put the output file
    // that is generated
    output: {
        filename: 'client_bundle.js',
        path: path.resolve(__dirname, 'build/public'),
        publicPath: '/build/public'
    },

    module: {
        rules: [
            {
                test: /\.js?$/,
                loader: 'babel-loader',
                exclude: '/node_modules/',
                options: {
                    presets: [
                        'react', 'stage-0', ['env', {
                            target: { browsers: ['last 2 versions']}
                        }]
                    ]
                } 
            },
            {
                test: /\.css$/,
                use: [
                    { loader: 'style-loader' },
                    // css-loader
                    {
                      loader: 'css-loader',
                      options: {
                        modules: true
                      }
                    }
                ]
            }
        ]
    }

};

У меня есть одна строка css, которую я импортирую в файл реагирующего компонента, например:

импорт стилей из '../assets / css / homePageComponent.css ';

Но каждый раз, когда я делаю это, я получаю сообщение об ошибке, как показано ниже:

ОШИБКА в ./src/assets/css/homePageComponent.css Сбой синтаксического анализа модуля: / Users / jpan2 / Documents / workspace / External Work / реагировать-ssr / src / assets / css / homePageComponent.css Неожиданный токен (2: 0) Вам может потребоваться соответствующий загрузчик для обработки этого типа файлов.

Я прочитал множество постов по одному и тому же и пытался использовать плагины, но он продолжает выдавать ту же ошибку.Обратите внимание, что если я не выполняю импорт, он не выдаст эту ошибку, но я также не смогу использовать стиль.

Заранее благодарим за любую помощь.

...