webpack学习笔记-基本配置

64 阅读1分钟

基本配置

webpack有五大核心概念

  1. entry(入口)

指示webpack从哪个文件开始打包

  1. output(输出)

指示Webpack打包后的文件输出到哪里去,如何命名等

  1. loader(加载器)

Webpack本身只能处理js,json文件,其他资源需要借助loader,Webpack才能解析。

  1. plugin(插件)

扩展Webpack的功能

  1. mode(模式)
  • 开发模式:development
  • 生产模式:production

image.png

在根目录下创建 webpack.config.js 文件,所有的配置都是在NodeJS 平台下运行的,我们需要借助 module.exports导出,让webpack命令识别。

这个时候可以这样运行:

  npx webpack

webpack命令就会自动去取读取根目录下的webpack.config.js文件