Компилировать стилус с помощью Webpack 4 без импорта его в файл JS? - PullRequest
Новая
       86

Компилировать стилус с помощью Webpack 4 без импорта его в файл JS?

0 голосов
/ 11 января 2019

Примерно так: 

var stylusCompiler = {
    name: 'stylus',
    entry: {
        above_fold: './src/css/above_fold.styl',
        site: './src/css/site.styl'
    },
    output: {
        path: path.resolve(__dirname, 'dist/css'),
        filename: '[name].bundled.css'
    },
    module: {
        rules: [
            {
                test: /\.styl$/,
                use: [
                    {
                        loader: "stylus-loader", // compiles Stylus to CSS
                        options: {
                            use: [
                                require('nib')(),
                                require('rupture')()
                            ]
                        }
                    }
                ]
            },
        ]
    }
};

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

1 Ответ

0 голосов
/ 12 февраля 2019

Webpack по умолчанию не поддерживает типы записей, кроме JavaScript. В их выпуске v4 упоминается, что HTML и другие типы файлов будут поддерживаться в v4.x и v5.x в будущих выпусках.

Вместо этого вы можете использовать MiniCssExtractPlugin , который будет извлекать ваши стили из пакета JavaScript и называть их соответствующим образом. Посмотрите этот Средний пост об этом, немного устаревший, но все еще поставляющий идею.

...