面试官:你了解Webpack吗?

本文主要介绍了webpack的核心概念,包括入口、出口、Loader和插件,并提供了如何在项目中使用webpack进行代码打包和优化的实例。同时,提到了在实际开发中自定义loader和插件的场景。
摘要由CSDN通过智能技术生成

前言

大家好哟,这是第四篇面试官篇,估计还有个七八十篇面试文章(前端苦命)。

这篇文章介绍了webpack核心概念以及如何使用。

开始吧!


  • dsadasdas

概念

webpack的核心概念只要记住下面四个就够用了(除非大佬是webpack配置工程师)。

  • 入口
  • 出口
  • loader
  • 插件
  1. 入口

module.exports = {
   
    entry: './src',  //单入口
    // or
    entry: [
        './src', //多入口
        '/src2',
    ],
    // or
    entry: {
   
        main: './src', //对象写法的单入口简写
    }
    //or
    entry: {
   
        app: './src/index.js', //对象写法的第三方库写法
        vendors: './src/script/moment.js'
    }
    // or
    entry: {
   
        page1: './src/page1.js',
        page2: './src/page2.js',
        page3
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值