如何在symfony编码中使用手写笔编码器

Question

我想用手写笔代替sass来写我的风格，但我找不到任何信息来这么做。

下面是我在webpack.config.js中的实际配置

var Encore = require('@symfony/webpack-encore');

Encore
    .setOutputPath('web/assets/')
    .setPublicPath('/assets')
    .cleanupOutputBeforeBuild()
    .addEntry('app', './assets/js/main.js')
    .addStyleEntry('global', './assets/css/global.scss')
    .enableSassLoader()
    .autoProvidejQuery()
    .enableSourceMaps(!Encore.isProduction());

module.exports = Encore.getWebpackConfig();

有什么提示吗？

Answer 1

您可以在Encore中使用.enableStylusLoader()，但需要在yarn add stylus stylus-loader --dev中添加手写笔和手写笔加载器

Answer 2

您可以添加自定义加载器

Encore
    // ...
    .addLoader({
        test: /\.styl$/,
        loader: 'style-loader!css-loader!stylus-loader'
    })
;

记得安装手写笔加载器npm install --save-dev stylus-loader。

注意，加载器的配置可能会根据您使用的Webpack版本的不同而发生变化，但我希望您能大致了解。