摘要: 介绍 我们将使用前面所学的知识来从零开始搭建 React-Cli 和 Vue-cli。 Vue 脚手架 开发模式配置 // webpack.dev.js const path = require("path"); const ESLintWebpackPlugin = require("eslint 阅读全文
posted @ 2022-09-12 23:34 若是明月 阅读(168) 评论(0) 推荐(0)
摘要: 介绍 本章节我们主要学习: loader 原理 自定义常用 loader plugin 原理 自定义常用 plugin Loader 原理 loader 概念 帮助 webpack 将不同类型的文件转换为 webpack 可识别的模块。 loader 执行顺序 分类 pre: 前置 loader n 阅读全文
posted @ 2022-09-12 23:32 若是明月 阅读(141) 评论(0) 推荐(0)
摘要: 介绍 本章节主要介绍 Webpack 高级配置。 所谓高级配置其实就是进行 Webpack 优化,让我们代码在编译/运行时性能更好~ 我们会从以下角度来进行优化: 提升开发体验 提升打包构建速度 减少代码体积 优化代码运行性能 提升开发体验 SourceMap 为什么 开发时我们运行的代码是经过 w 阅读全文
posted @ 2022-09-12 23:28 若是明月 阅读(94) 评论(0) 推荐(0)
摘要: 前言 为什么需要打包工具? 开发时,我们会使用框架(React、Vue),ES6 模块化语法,Less/Sass 等 css 预处理器等语法进行开发。 这样的代码要想在浏览器运行必须经过编译成浏览器能识别的 JS、Css 等语法,才能运行。 所以我们需要打包工具帮我们做完这些事。 除此之外,打包工具 阅读全文
posted @ 2022-09-12 23:21 若是明月 阅读(65) 评论(0) 推荐(0)