升级打怪的小白

webpack

git(3) javascript(23) Node.js(6) react(1) vue(5) 未归档(2)

/ 注册

全部文章 / webpack （共6篇）

webpack其他配置

一、提取公共代码使用到的插件：webpack-merge 1.安装 npm i webpack-merge -D 2.提取公共代码 1）创建webpack.base.js，将webpack.dev.js和webpack.pro.js中的公共...

提取公共代码 webpack

2020-10-17

0 368

webpack生产环境的优化

一、优化打包构建速度 1.oneOf 使用：在webpack.config.js的module的rules中将一些loader的配置放在oneOf的数组中即可 module: { rules: ...

webpack codeSplit 懒加载预加载优化 treeShaking PWA 生产环境

2020-10-08

0 475

webpack开发环境优化

一、优化打包构建速度 HMR HMR:hot modulle replacement，热模块替换 1.解决的问题修改部分模块代码，只会重新打包修改的模块代码，不会将全部文件重新打包，提高构建速度 2.开启HMR功能在devServe中将hot设置为...

webpack 优化开发环境

2020-10-08

0 531

webpack生产环境配置

一、提取打包后的css文件为单独文件使用的插件：mini-css-extract-plugin 第一步：下载并引入插件 //下载命令 npm i mini-css-extract-plugin //引入插件 const MiniCssExtractPl...

webpack 兼容性压缩

2020-10-08

0 372

webpack开发环境配置

一、创建配置文件 1.配置文件名：webpack.config.js 2.基础配置： let { resolve } = require('path') module.exports = { &nb...

webpack 配置打包样式图片

2020-10-08

0 409

webpack简介

一、webpack webpack是一种前端资源构建工具，也是静态模块打包器，根据模块的依赖关系进行静态分析，打包生成对应的静态资源二、五个核心概念 1.entry 入口文件，有多入口和单入口之分，指示webpack以哪一个文件为入口开始打包，分析构建内部依赖图 ...

webpack

2020-10-08

0 379