前言:笔者把学习的webpack知识从基础到原理写个系列,以便回顾。希望能帮助到更多正在学习webpack的小伙伴。
一、Webpack 简介
1.1 webpack 是什么
webpack 是一种前端资源构建工具,一个静态模块打包器(module bundler)。
他会根据入口文件,找到依赖关系,从而生成一个chunk(代码块),对这个代码块进行各项处理(如less->css),这个处理的过程就叫做打包,打包好了输出这些文件(叫bundle)。
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");
}
2024年10月04日
2024年07月29日
一、Webpack 简介
1.1 webpack 是什么
webpack 是一种前端资源构建工具,一个静态模块打包器(module bundler)。
他会根据入口文件,找到依赖关系,从而生成一个chunk(代码块),对这个代码块进行各项处理(如less->css),这个处理的过程就叫做打包,打包好了输出这些文件(叫bundle)。
2024年07月29日
在Vue项目开发中,经常需要引入不同文件目录的组件,通常我们是通过“import 组件名 from ‘组件路径’”的结构来实现对组件的引用,而当文件路径较深或者引用的组件跨越的较远时很容易引用出错,这里我们就要引入alias概念了,“别名”的意思,顾名思义标准名称以外的名称。