Webpack

能完成所有常见的功能

• 压缩
• 打包
• 多种文件的编译
• 脚手架
• 生成

const path = require('path');
path.resolve(__dirname，'dest'))
//dirname 魔术变量，当前目录所在的路径
module.exports = {
	mode: 'development',
	entry: './index.js'，
	output: {
		output: {
			path: 'path.resolve(__dirname，'dest'))',
			filename: 'bundle.min.js'
		}
	}
};

mode:模式 决定了webpack是如何工作的，决定优化级别

1. development开发模式，会保留最完整的信息，不会进行压缩 输出调试信息，设置process.env.NODE_ENVenv–设置环境变量
2. none 不优化
3. production生产环境 最高优化，启动压缩，忽略错误

entry:入口，

1. 单入口：SPA
2. 多入口：MPA 多个页面
3. 找的文件，webpack工作在node.js下面的 需要加./

output:输出，必须是一个json

1. path输出到哪个目录，输出路径,必须得是绝对路径，路径尽量使用绝对路径，但不能换地方，可以引入node里面的模块，path.resolve
2. filename文件名