首页
博客
源码
资源
博客
源码
写文章
发布博客
发布资源
登录
X
webpack
相关资讯
热门
最新
代码人生
01-01 08:00
代码人生
Webpack (二) -- loader
Webpack (二) -- loader Webpack (二) -- loader ?? 使用 TypeScript 编写配置文件 ... "devDependencies": { "@types/node": "^16.0.0", "@types/webpack": "^5.28.0", "ts-node": "^10.0.0", "tsconfig-
91
后端
01-01 08:00
后端
Webpack(十七):webpack4+vue+route+vuex项目构建
一:vue传值方式有哪些? 在vue项目开发过程中,经常会使用组件来进行项目开发,那么在组件中会调用另一个组件来作为自己的子组件,那么我们如何进行给子组件进行传值呢?或者说,子组件如何给父组件传值呢...
90
代码人生
01-01 08:00
代码人生
webpack(九)之Tree Shaking
webpack(九)之Tree Shaking 什么是tree shaking Tree Shaking 是一个术语,在计算机中表示消除死代码 webpack实现 tree shaking 有两种方案 1. usedExports:通过表及某些函数是否被使用,之后通过Terser来进行优化 2. sideEffects:跳过整个模块/文件,直接查看文件是否有副作用 1. u
90
代码人生
01-01 08:00
代码人生
webpack 快速入门 系列 - 自定义 wepack 上
webpack 快速入门 系列 - 自定义 wepack 上 其他章节请看: 自定义 wepack 上 通过“初步认识webpack”和“实战一”这 2 篇文章,我们已经学习了 webpack 最基础的知识。在继续学习 webpack 更多用法之前,我们先从更底层的角度来认识 webpack。 自定义 webpack 分上下两篇,上篇介绍 webpack 的两个核心,loader和plugin;下篇我们自己实
89
代码人生
01-01 08:00
代码人生
webpack如何区分开发环境与构建环境加载配置
webpack如何区分开发环境与构建环境加载配置 webpack区分是开发环境还是构建环境加载配置有两种方式 1、直接在package.json文件中配置指定,利用webpack的--config属性可以指定运行哪个配置的config文件。 如果不仅仅想要打包之后的结果,还想要直接运行的话修改一下webpack的配置 2、第二种方式通过web
89
代码人生
01-01 08:00
代码人生
webpack的基本配置
webpack的基本配置 webpack的基本配置 初始化项目 npm init 创建各类需要打包的文件,**html、css、js **等 创建 webpack.config.js 配置文件,其中有5大基本配置 entry 入口文件,一般会引用 node 模块中的 path 来查找文件的路径,当需要配置多入口文件时,entry 需要以对象的形式存在,每一个入口名
88
后端
01-01 08:00
后端
Webpack 原理系列十:HMR 原理全解析
Webpack 原理系列十:HMR 原理全解析,一、什么是HMRHMR全称HotModuleReplacement,中文语境通常翻译为模块热更新,它能够在保持页面状态的情况下动态替换资源模块,提供丝滑顺畅的Web页面开发体验。HMR最初由Webpack设计实现,至今已几乎成为现代工程化工具必备特性之一。1.1HMR之前在HMR之前,应用的加载、更新是一种页面级别的原子操作,即使只是单个代码文件发生
88
后端
01-01 08:00
后端
Webpack(十七):webpack4+vue+route+vuex项目构建
Webpack(十七):webpack4+vue+route+vuex项目构建,一:vue传值方式有哪些?在vue项目开发过程中,经常会使用组件来进行项目开发,那么在组件中会调用另一个组件来作为自己的子组件,那么我们如何进行给子组件进行传值呢?或者说,子组件如何给父组件传值呢?父子组件数据是如何通信的呢?因此vue常用的传值方式有如下几种:1.父传子2.子传父3.非父子传值父子组件传递数据可以看如
88
代码人生
01-01 08:00
代码人生
webpack的执行流程
webpack的执行流程 1.初始化compiler:new Compiler(cnofig), config就是webpack.config.js文件的内容 2.开始编译:调用compiler的run方法开始编译 3.确定入口:根据config的entry找到所有的入口文件 4.编译模块:从入口文件触发,调用所有配置的loader对模块进行编译,并且还要收集模块依赖的模块,不断
88
代码人生
01-01 08:00
代码人生
webpack(3)基础的打包过程
webpack(3)基础的打包过程 没有配置文件的打包 如果我们没有使用配置文件webpack.config.js,那么我们就需要通过命令来打包 案例 我们首先创建一个webpackTest文件夹,然后在文件夹中再创建2个子文件夹dist和src dist:打包后的文件夹 src:源代码文件夹 接着在src文件夹中创建4个文件,分别是info.js、main.js、mat
88
«
1
2
...
16
17
18
19
20
21
22
23
24
»