Webpack中css-loader和less-loader的使用教程

前端之家收集整理的这篇文章主要介绍了Webpack中css-loader和less-loader的使用教程前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

前言

在Webpack中,通过css-loader,可以实现在js文件中通过require的方式,来引入css。下面来看看详细的介绍吧。

一、css-loader

我们需要在js文件里,通过require的方式来引入css,我们来看具体的方法,首先需要安装css-loader, style-loader(安装style-loader的目的是为了在html中以style的方式嵌入css)。

css-loader,style-loader --save-dev

然后在main.js中:

在app.css中:

在webpack.config.js增加

css-loader' },] } };

在html中引入:

猜你在找的JavaScript相关文章