Loader

1.loader (处理css文件)

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

cnpm i css-loader -S
cnpm i style-loader -S

//webpack.congig.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;