webpack HtmlWebpackPlugin wont create link css tag

Question

Im experiencing a problem with webpack.

The plugin HtmlWebpackPlugin is not creating the tag And I cant figure it out why. Only the JS tag is included.

as plugins I have

  new HtmlWebpackPlugin({
    inject: false,
    // hash: true,
    template: __dirname + '/../src/app/Views/layouts/layout-template.phtml',
    filename: __dirname + '/../src/app/Views/layouts/layout.phtml',
  }),
  new MiniCssExtractPlugin({
    filename: 'css/[name].css'
  })

as rules:

  {
    test: /\.(sa|sc|c)ss$/,
    use: [
      {
        loader: MiniCssExtractPlugin.loader,
      },
      'css-loader',
      'postcss-loader',
      'sass-loader',
    ],
  },

I would appreciate help. Thanks.

felixmosh · Accepted Answer · 2020-01-08 16:06:05Z

1

You are telling to HTMLWebpackPlugin not to inject them by inject: false. Just remove inject: false attribute.

answered Jan 8, 2020 at 16:06

felixmosh

35.8k10 gold badges81 silver badges99 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

grcoder Over a year ago

But that inject:false is to prevent the default injection. If i take that option of i get two js injections, the default and the one in the template. But either ways i can't make the link tag appear.

grcoder Over a year ago

This don't return any results. <% for (let css in htmlWebpackPlugin.files.css) { %> <link rel="stylesheet" href="<%= htmlWebpackPlugin.files.css[css] %>"> <% } %>

felixmosh Over a year ago

Ha, so can you share your layout-template.phtml?

grcoder Over a year ago

Thank you brother, but i figured it out. Posted ir above. Since im not used to webpack i guess it's a newbie mistake. Maybe will help others. Cheers!

felixmosh Over a year ago

This is one solution, other solution would to import the styles file from within index.js import './scss/styles.css';

grcoder · Accepted Answer · 2020-01-09 18:03:47Z

1

I just figure it out. I needed to include the scss also as an entry point.

entry: {
      main: [
        './src/private/index.js',
        './src/private/scss/style.scss'
      ],
},

I'm kinda new to webpack, and the documentation or examples, or are outdated or confusing.

answered Jan 9, 2020 at 18:03

grcoder

3335 silver badges17 bronze badges

Collectives™ on Stack Overflow

webpack HtmlWebpackPlugin wont create link css tag

2 Answers 2

5 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

5 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related