尚医通学习笔记Day06--Webpack使用笔记

Webpack打包工具

是一个前端资源加载打包工具，它将根据模块的依赖关系进行静态分析，然后将这些模块按照指定规则生成对应的静态资源

安装

npm install -g webpack webpack-cli

检查版本
webpack -v
创建配置文件 webpack.config.js

const path=require("path")//Node.js内置模块
module.exports={
	//配置入口文件
	entry:"./src/main.js",
	output:{
		//打包放的目录地址
		path:path.resolve(_dirname,"./mulu"),
		//输出文件名
		filename:"xxx.js"
	}
}

执行编译命令
webpack – mode =development //以开发环境打包

具体可以参考
https://www.runoob.com/w3cnote/webpack-tutorial.html