随笔分类 - 前端工程化
摘要：为什么要搭建本地服务器 webpack-dev-server 认识模块热替换（HMR） 开启HMR 框架的HMR
阅读全文
摘要：认识插件Plugin CleanWebpackPlugin HtmlWebpackPlugin 生成index.html分析 自定义HTML模板 自定义模板数据填充 DefinePlugin的介绍 DefinePlugin的使用 Mode配置 Mode配置代表更多
阅读全文
摘要：为什么需要babel？ Babel命令行使用 Babel插件的使用 Babel的预设preset babel-loader babel-preset 编写App.vue代码 App.vue的打包过程 @vue/compiler-sfc resolve模块解析 确实文件还是文件夹 extensions
阅读全文
摘要：加载图片案例准备 ◼ 为了演示我们项目中可以加载图片，我们需要在项目中使用图片，比较常见的使用图片的方式是两种： img元素，设置src属性； 其他元素（比如div），设置background-image的css属性； js文件添加img元素 webpack-config.js添加配置 认识as
阅读全文
摘要：node中的内置模块path path常见的API 在webpack中的使用 认识webpack 脚手架依赖webpack Webpack到底是什么呢？ Webpack的安装 Webpack的默认打包 创建局部的webpack Webpack配置文件 指定配置文件 Webpack的依赖图 编写案例代
阅读全文
摘要：代码共享方案 ◼ 我们已经学习了在JavaScript中可以通过模块化的方式将代码划分成一个个小的结构： 在以后的开发中我们就可以通过模块化的方式来封装自己的代码，并且封装成一个工具； 这个工具我们可以让同事通过导入的方式来使用，甚至你可以分享给世界各地的程序员来使用； ◼ 如果我们分享给世
阅读全文
摘要：认识ESModule ◼ JavaScript没有模块化一直是它的痛点，所以才会产生我们前面学习的社区规范：CommonJS、AMD、CMD等，所以在ECMA推出自己的模块化系统时，大家也是兴奋异常。 ◼ ES Module和CommonJS的模块化有一些不同之处： 一方面它使用了import和e
阅读全文
摘要：exports导出 module.exports导出 require细节 情况一 情况二 情况三
阅读全文
摘要：什么是模块化？ ◼ 到底什么是模块化、模块化开发呢？ 事实上模块化开发最终的目的是将程序划分成一个个小的结构； 这个结构中编写属于自己的逻辑代码，有自己的作用域，定义变量名词时不会影响到其他的结构； 这个结构可以将自己希望暴露的变量、函数、对象等导出给其结构使用； 也可以通过某种方式，导入另
阅读全文
摘要：◼ Node中给我们提供了一些全局对象，方便我们进行一些操作： 这些全局对象，我们并不需要从一开始全部一个个学习； 某些全局对象并不常用； 某些全局对象我们会在后续学习中讲到； ✓ 比如module、exports、require()会在模块化中讲到； ✓ 比如Buffer后续会专门讲到； 特
阅读全文
摘要：Node.js是什么 ◼ 官方对Node.js的定义： Node.js是一个基于V8 JavaScript引擎的JavaScript运行时环境。 ◼ 也就是说Node.js基于V8引擎来执行JavaScript的代码，但是不仅仅只有V8引擎： 前面我们知道V8可以嵌入到任何C ++应用程序中，无
阅读全文
