模块化
文章平均质量分 62
小球学前端
没有什么是不可能的,努力吧!
展开
-
大前端基础【3-2笔记】webpack优化
优化 线上环境注重运行效率,开发环境注重开发效率。针对这个问题,webpack4推出了模式(mode)的用法。webpack建议我们为不同的工作环境创建不同的配置。 1、不同环境下的配置 1、配置文件根据环境不同导出不同的配置 1、定义主要的config: const config = { mode: 'none', entry: './src/main.js', output: { filename: 'bundle.js', path: path.joi原创 2021-04-21 11:26:04 · 340 阅读 · 0 评论 -
大前端【3-2笔记】webpack中的原生HMR
HMR 准备工作在下边 1、HMR Hot-Module-Replace:模块热替换,模块热更新。是webpack中最强大的功能之一,极大程度的提高了开发者的工作效率。 热替换只将修改的模块实时替换至应用中。 2、开启HMR HMR已经集成到了webpack-dev-serve中。 webpack.config.js中配置: const webpack = require("webpack") devServer: { hot: true }; //插件 plugins:[ new webp原创 2021-04-11 20:08:07 · 191 阅读 · 1 评论 -
大前端基础【3-2笔记】模块化
内容输出:拉勾教育大前端就业急训营2期 一、模块化概述 模块化是一种思想。模块化是主流的代码组织方式,通过把复杂代码按照功能的不同划分为不同的模块,单独进行维护的方式提高开发效率,降低维护成本。 二、模块化演变过程 Stage1-文件划分方式 将每个功能及状态数据单独存放到不同的文件中,约定每个文件都是独立的模块,使用的时候就是将模块引入到页面中,一个script标签对应一个模块,然后再代码中直接调用全局成员(变量或函数) 缺点: 污染全局作用域 命名冲突 Stage2-命名空间方式 每个模块只暴露.原创 2021-03-26 15:29:45 · 418 阅读 · 0 评论