webpack不仅可以打包JavaScript模块,甚至它把网页开发中的一切资源都可以当做模块来打包处理,但是它本身并不支持,它只是一个打包平台,其他资源,例如css、less、sass、img等资源需要结合插件来实现。这些插件在webpack中称为loader,翻译过来就是加载器的意思
1、加载css
1.1 先安装
npm install --save-dev style-loader css-loader
1.2 然后在webpack.config.js 中添加代码
module: {
rules: [{
test: /\.css$/i,
use: [‘style-loader‘, ‘css-loader‘],
}, ],
}