基本配置
webpack有五大核心概念
- entry(入口)
指示webpack从哪个文件开始打包
- output(输出)
指示Webpack打包后的文件输出到哪里去,如何命名等
- loader(加载器)
Webpack本身只能处理js,json文件,其他资源需要借助loader,Webpack才能解析。
- plugin(插件)
扩展Webpack的功能
- mode(模式)
- 开发模式:
development - 生产模式:
production
在根目录下创建 webpack.config.js 文件,所有的配置都是在NodeJS 平台下运行的,我们需要借助 module.exports导出,让webpack命令识别。
这个时候可以这样运行:
npx webpack
webpack命令就会自动去取读取根目录下的webpack.config.js文件