webpack基本配置

webpack基本配置

• entry // 打包文件入口
• output // 打包结果输出目录
• modules // 加载器以及加载器规则
• plugins // 插件
• mode // 打包模式

配置文件名称webpack.config.js(在nodejs环境中运行所以暴露模块用的语法是commonjs暴露)

module.exports = {
		//入口
entry: "./src/main.js",
//输出
output: {
  // __dirname是nodejs的变量，代表当前文件的文件夹目录
  path: path.resolve(__dirname, "dist"),
  filename: "main.js",
  clean: true // 在运行打包命令是会自动将本地的dist文件夹清空后在进行打包输出
}
//加载器
module: {
	rules: []
}
//插件
plugins: []
//模式
	mode: "development"
}

然后在命令行执行npx webpack即会自动在当前文件夹目录下寻找webpack.config.js文件并按里面的配置执行了