webpack基础配置总结

webpack
一、两种开发模式
1.开发模式：代码能编译自动化运行
2.生产模式：代码编译优化输出
二、基本功能
1.开发模式：可以编译ES Module 语法
2.生产模式：可以编译ES Module 语法，压缩js代码
三、配置文件（五个核心）
1.entry （入口 从哪个文件打包）
2.output （出口 输出到那个文件下）
3.loader （加载器 加载识别不了的文件 如：css less sass等）
4.plugins （扩展，扩展webpack的功能）
5.mode （模式 ，配置开发模式）
四、devServe 服务器配置项
1.host 启动服务器域名 ；localhost
2.port 启动服务器端口号；3000
3.open 是否自动打开浏览器
4.proxy 配置代理服务 例如：
module.exports = {

devServer: {

    proxy: {

        '/api': {

            target: 'http://localhost:3000', // 代理服务地址
            secure: false,  // 如果是https接口，需要配置这个参数
            changeOrigin: true, // 如果接口跨域，需要进行这个参数配置
            pathRewrite: {'^/api' : ''},  // pathRewrite 来重写地址，将前缀 '/api' 转为 '/'
			ws：true / false，是否代理websockets
        }

    }

}

};