Loader

wepack自身只能处理js和json文件,加上loader后,能让wepack去处理非js(css)的文件。loader可以将所有类型的文件转换为webpack能够处理的有效模块。
项目加载css

Tips:loader是配置在module中的

1、安装依赖

cnpm i style-loader css-loader -S

2、webpack.config.js

const webpack = require("webpack");
const path = require("path");
const config =  {
    entry:path.resolve(__dirname,'src/main.js'),  //入口文件
    output:{  //出口文件
        path:path.resolve(__dirname,'dist'),
        filename:'bundle.js'
    },
+  module:{
+     rules:[
+          {
+              test:/\.css$/i,
+             use:['style-loader','css-loader']
+         }
+     ]  
+   },
    mode:'development'  //模式
}
module.exports = config;