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': '' },
     },
   },
 }

“webpack 工程师的自我修养”这是一个系列，将持续更新一个月

想要学好 webpack，我们首先要了解 webpack 的机制，我们先从 js 加载 css 开始学习。

我们从下面这个小练习开始走进 webpack 吧

在 index.js 中引入 index.css

前言

最近由于用着html-webpack-plugin觉得很不爽，于是乎想自己动手写一个插件。原以为像gulp插件一样半天上手一天写完，但令人郁闷的是完全找不到相关的文章。一进官方文档却是被吓傻了。首先是进入how to write a plugin看了一页简单的介绍。然后教程会告诉你，你需要去了解compiler和compilation这两个对象，才能更好地写webpack的插件，然后作者给了github的链接给你，让你去看源代码，我晕。不过幸好最后给了一个plugins的API文档，才让我开发的过程中稍微有点头绪。

现在做前端开发用 webpack 很多，之前有深入研究过，并且做了很多相关笔记。一直想着整理出来，刚好同事这两天有问到我 webpack 相关的问题，趁着这个机会我自己也好好梳理一下。

1.webpack的作用

• 将浏览器不能够识别的前端静态资源 打包成浏览器能够识别的资源文件