webpack中有几个比较难懂的变量名称，可能对刚开始学习的人不是很友好，所以今天小邹就整理了一下，主要是做一个总结性的概括。
1.webpack 中，module，chunk 和 bundle 的区别是什么？
首先我们来看一张图：
看这个图就很明白了：
- 对于一份同逻辑的代码，当我们手写了一个个的文件，它们无论是 ESM 还是 commonJS 或是 AMD，他们都是 module；
2024年10月04日
webpack中有几个比较难懂的变量名称，可能对刚开始学习的人不是很友好，所以今天小邹就整理了一下，主要是做一个总结性的概括。
首先我们来看一张图：
看这个图就很明白了：
2024年10月04日
2020-11-09
总结一下手动使用webpack进行项目构建，都有哪些步骤，以及有哪些步骤需要注意的
以下内容前提条件是安装了node.js
一首先创建项目路径并添加src、dist项目结构
src下文件包括css、js、images、index.html、main.js
main.js是项目打包的入口文件
F:\project_center\webpack_project2024年10月04日
//xia仔のke：quangneng.com/2638/
Webpack5是现代前端开发中不可或缺的一部分，它是一个强大的模块打包工具，可以将项目中所有的代码模块打包成静态文件。Webpack5的新特性包括更快的算法和更优化的代码生成，这有助于加快构建速度并减小输出文件的大小。此外，Webpack5支持持久化缓存，可以在多次构建时复用之前的缓存，从而进一步提高构建速度。
2024年10月04日
$pwd
/Users/....../CodeLearning/Javascript/Webpack/entry-and-output
## 安装webpack
$yarn add webpack webpack-cli --dev
##安装特定版本
$yarn add webpack@4.29.6 webpack-cli@3.2.3 --dev
## 打包
$npx webpack
2024年10月04日
最近在做项目的时候遇到了一个场景：一个项目有多个入口，不同的入口，路由、组件、资源等有重叠部分，也有各自不同的部分。由于不同入口下的路由页面有一些是重复的，因此我考虑使用 Webpack 多入口配置来解决这个需求。
再一次，在网上找的不少文章都不合我的需求，很多文章都是只简单介绍了生产环境下配置，没有介绍开发环境下的配置，有的也没有将多入口结合 vue-router、 vuex、 ElementUI 等进行配置，因此在下通过不断探坑，然后将思路和配置过程记录下来，留给自己作为笔记，同时也分享给大家，希望可以帮助到有同样需求的同学们～
2024年10月04日
2024年10月04日
内容来源：作者，深予之 (@senntyou)，https://github.com/senntyou/blogs；来自，https://segmentfault.com/a/1190000016852780
阅读字数：4430 | 12分钟阅读
2024年10月04日
在9 月 30 日的Vue.js 伦敦大会上， 作者尤雨溪介绍了 Vue 下一个版本将要发布的内容，以及 Vue 3.0 的开发路线，和后面版本的发展情况。虽然，Vue 3.0版本的正式版还没有发布，不过作为vue 项目快速构建工具的vue-cli 早已发布，我们可以通过vue-cli来了解vue 3.0的一些情况。
作为Vue的主要版本，Vue 3.0带来了诸多的重大变更，不过，开发组也非常重视兼容性问题：除了渲染函数 API 和作用域插槽语法之外的所有内容都将保持不变，或者通过兼容性构建让其与 2.x 保持兼容。总的来说，Vue 3.0 虽然会对顶级 API 进行重大的修整，但依然会保持与 2.x 的兼容。此外，2.x 的最后一个次要版本将成为 LTS，并在 3.0 发布后继续享受 18 个月的 bug 和安全修复更新。
2024年10月04日
创建目录webpack-study，然后分别创建如下文件
// $root/com-demo.js
export default function(){
document.write("Hello world. com-demo.js");
}