webpack配置入门

webpack是需要一定配置才能使用的,否则无任何效果。在开始webpack学习之前必须理解以下5个核心概念。

5大核心配置

1.entry(入口)

webpack从那个文件开始打包,支持单文件入口(vue和react脚手架单入口)和多文件入口

2.output(输出)

webpack 打包成功后的输出路径和文件名字

3.loader(加载器)

webpack本身只能处理js,json等资源,其他文件需要特殊loader工具才能处理

4.plugins(插件)

拓展webpack功能,暴露webpack 编译中的钩子给插件,在webpack编译的不同阶段进行内容处理

5.mode(模式)

由两种模式

生产模式:production

开发模式:development

两者区别请参考:webpack 5 mode的作用和区别-CSDN博客

相关推荐

  1. webpack配置入门

    2024-01-08 06:20:05       55 阅读
  2. Webpack5入门到原理3:基本配置

    2024-01-08 06:20:05       60 阅读
  3. webPack入门详解

    2024-01-08 06:20:05       59 阅读
  4. webpack 入门1

    2024-01-08 06:20:05       47 阅读
  5. Webpack 开发快速入门

    2024-01-08 06:20:05       33 阅读
  6. webpack配置scss loader

    2024-01-08 06:20:05       62 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-01-08 06:20:05       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-01-08 06:20:05       101 阅读
  3. 在Django里面运行非项目文件

    2024-01-08 06:20:05       82 阅读
  4. Python语言-面向对象

    2024-01-08 06:20:05       91 阅读

热门阅读

  1. HTTP一些状态码的记录

    2024-01-08 06:20:05       58 阅读
  2. 认识Git

    认识Git

    2024-01-08 06:20:05      50 阅读
  3. Auto tokenizer和Bert tokenizer的区别

    2024-01-08 06:20:05       64 阅读
  4. 设计模式:桥接模式

    2024-01-08 06:20:05       54 阅读
  5. LDD学习笔记 -- Linux错误码

    2024-01-08 06:20:05       61 阅读
  6. python中闭包的应用

    2024-01-08 06:20:05       55 阅读
  7. keras with pytorch backend : GPU版

    2024-01-08 06:20:05       71 阅读
  8. 洛谷二分题解合集

    2024-01-08 06:20:05       58 阅读
  9. 更加适合CUDA11.2的pytorch显卡版本

    2024-01-08 06:20:05       53 阅读
  10. 深度学习-模型转换_所需算力相关

    2024-01-08 06:20:05       55 阅读
  11. Springboot健康检查机制

    2024-01-08 06:20:05       48 阅读
  12. JDBC-基本概念

    2024-01-08 06:20:05       61 阅读