webpack proxy，即webpack提供的代理服务

在开发过程中，经常会遇到前端需要跨域请求后端接口的情况。Webpack 提供了一种简单的解决方案来处理跨域请求，可以通过配置 devServer.proxy 实现。

首先，在 webpack.config.js 文件中找到 devServer 字段，如果没有则需要手动添加。在该字段中添加一个 proxy 字段，如下所示：

```javascript

作者：王平安

转发链接：https://mp.weixin.qq.com/s/Nd1bXGA5uacFN_guP0Gx3Q

目录

了不起的 Webpack HMR 学习指南（上）「含源码讲解」 本篇

作者： mcuking

转发连接：https://mp.weixin.qq.com/s/y_gPdEZ0lRdquxqRd_7kPQ

前言

项目地址：

preload-routes

webpack 除了可以用来打包应用，也可以用来打包 js 库

实现一个大整数加法库的打包

• 需要打包压缩版和非压缩版本

手把手教你写一个Vue组件发布到npm且可外链引入使用

前言

我们为什么要写个组件上传到

如今，前端开发领域的变化用日新月异来形容，丝毫不过分，当然也可以换言之：“别更新了，臣妾真心学不动了～”

早在前端库和框架出现之前，“小伙伴们的生活”是如此朴实无华，过去......就只有一个简单的javascript file，而你不得不把它包含到html文件中，然后呢......完事儿！

在CSS中，多了些库和框架可以使用；JavaScript生态系统也是同样......我们已迎来了ES2020，甚至更高版本的标准，你懂的；过去几年，Angular、React、Vue三大框架也竞相角逐。

作者：羊先生

转发链接：https://segmentfault.com/a/1190000022512358

前言

去年，阿里云发布了本地 IDE 插件 Cloud Toolkit，仅 IntelliJ IDEA 一个平台，就有 15 万以上的开发者进行了下载，体验了一键部署带来的开发便利。时隔一年的今天，阿里云正式发布了 Visual Studio Code 版本，全面覆盖前端开发者，帮助前端实现一键打包部署，让开发提速 8 倍。

VSCode 版本的插件，目前能做到什么？

安装插件之后，开发者可以立即体验以下任何一个功能：

前端项目开发中我们经常会用到 proxy 代理来解决接口跨域问题，通常是在 webpack.config.js 或 vue.config.js 或 vite.config.js 中配置：

devServer: {
   proxy: {
     '/api': {
       target: 'http://localhost:3000',
       changeOrigin: true,
       pathRewrite: { '^/api': '' },
     },
   },
 }