webpack4实战二--配置信息解析（webpack.config.js篇）

一、webpack默认配置信息

默认入口：src/index.js

默认出口：dist/main.js

只打包js，生成main.js

webpack默认只打包js，不会打包img、css等文件，若需要打包这类文件需要使用插件

二、基本配置解析

const path = require('path');

module.exports = {
  mode: 'development',
  entry: './src/a.js',//入口文件
  output: {//打包出口配置
    path: path.resolve(__dirname, 'dist'),//打包出口的文件夹
    filename: 'foo.bundle.js',//打包后文件名称
  },
};

在上面的代码中，webpack最基本是要有一个入口entry和output出口的。

mode可以不写，但会报错，虽然不影响命令执行就是了。mode是用于指定打包模式的，如开发模式或者生产模式 ，不指定的话默认为生产模式。

生产模式下的js打包文件是一行的，偶尔还会有代码混淆，不便于调试，因此在开发时还是得使用开发模式也就是development。

不过，开发模式下的js打包文件跟生产模式一样是压缩的。