引入iconfont 下载后引入iconfont.css以及这个文件所需要的依赖

    1. const path=require("path")
    2. const HtmlWebpackPlugin = require("html-webpack-plugin");
    3. module.exports={
    4.     //入口文件,入口文件的路径
    5.     entry:"./src/index.js",
    6.     //输出
    7.     output:{
    8.      //输出文件名称
    9.      filename:"bundle.js",
    10.      //输出路径，这里需要绝对路径
    11.      //这里相当于 D:\下载\webpacjks\webpack与\dist拼接
    12.      path:path.resolve(__dirname,'dist')
    13.     },
    14.     //开发模式,这里还可以时production生产模式
    15.    mode:'development',
    16.    //loader的配置
    17.    module:{
    18. //对某种格式的文件进行转换的处理
    19. rules:[
    20.     {
    21.         //匹配规则，得用正则表达式，这里是匹配后缀名
    22.         test:/\.css$/,
    23.         use:[
    24.             //先将css文本的格式用style标签插进html中，在进行css渲染
    25.             //将js的样式插入style标签中
    26.             //数组中解析的顺序是从下到上的顺序，逆序执行
    27.             "style-loader",
    28.             //将css转化为js
    29.             "css-loader"
    30.         ]
    31.     },
    32.     {
    33.         //匹配规则，得用正则表达式，这里是匹配后缀名
    34.         test:/\.less$/,
    35.         use:[
    36.             //先将css文本的格式用style标签插进html中，在进行css渲染
    37.             //将js的样式插入style标签中
    38.             //数组中解析的顺序是从下到上的顺序，逆序执行
    39.             "style-loader",
    40.             //将css转化为js
    41.             "css-loader",
    42.             "less-loader"
    43.         ]
    44.     },
    45.     //这里排除css,js,html,less文件
    46.     {
    47.        exclude:/\.(css|js|html|less)$/,
    48.        loader:'file-loader',
    49.        options:{
    50.            name:'[hash:10].[ext]'
    51.        }
    52.     }
    53. ]
    54.    },
    55.    plugins:[
    56.     new HtmlWebpackPlugin({
    57.         template: "./src/index.html",
    58.       }),
    59.    ]
    60. }

    在入口index.js中需要引入css和less