Question: deny extract css from entry js

[slince]

Hello , i dont want to encore extract css into a separate file，Is this possible?

[Lyrkan]

Hi @slince,

Could you explain a bit more what you are trying to achieve ?
Do you want Webpack to add <style> tags instead ? Or maybe use CSS modules?

[slince]

@Lyrkan Yes, i just want webpack add style tag. Because css is very simple, it is not necessary to send an http request to download it.

[Lyrkan]

I see, so you'd need to replace the mini-css-extract-plugin loader by the style-loader.

The bad news is: there is nothing built in the current version of Encore to do that... it may become a bit easier when #509 is released.

However you should be able to do it manually:

// webpack.config.js
const Encore = require('@symfony/webpack-encore');
const MiniCssExtractPlugin = require('mini-css-extract-plugin');

Encore
  // (...)
;

// Retrieve the generated config
const config = Encore.getWebpackConfig();

// Replace the mini-css-extract-plugin loader by style-loader
for (const rule of config.module.rules) {
  if (rule.use && rule.use[0] === MiniCssExtractPlugin.loader) {
    rule.use[0] = 'style-loader';
  }
}

// Make sure you export `config` and not
// `Encore.getWebpackConfig()` here
module.exports = config;

[Kocal]

^{(I can't wait for #509 to be released 👀)}

[slince]

TKS