How to convert less files into css in Webpack?

Question

I am new to webpack. Want to know how do we lessify or convert less files into css using webpack, like we use cssify plugin in gulp.

This might help: stackoverflow.com/questions/32455863/…

m02ph3u5
– m02ph3u5

2016-02-18 16:18:05 +00:00
Commented Feb 18, 2016 at 16:18 — m02ph3u5
– m02ph3u5, Commented Feb 18, 2016 at 16:18

Brendan Gannon · Accepted Answer · 2016-02-18 20:09:21Z

1

You use webpack's less-loader (along with the css-loader and probably the style-loader) and require() the less file the same way you would a javascript module. See Using Loaders for more info on how loaders work in webpack.

answered Feb 18, 2016 at 20:09

Brendan Gannon

2,6521 gold badge17 silver badges22 bronze badges

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

Comments

Ahn Heejong · Accepted Answer · 2016-02-19 08:08:35Z

0

You could take a look at Extract-Text-Webpack-Plugin. Basically, webpack is a JS module bundler so (as far as I know) there's no way to compile less directly into css. Instead, you can 'load' less file into js using something like less-loader and other loaders, and extract text to make separate css file using plugin.

answered Feb 19, 2016 at 8:08

Ahn Heejong

614 bronze badges

Collectives™ on Stack Overflow

How to convert less files into css in Webpack?

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related