webpack
文章平均质量分 88
shengjon
这个作者很懒,什么都没留下…
展开
-
「Webpack5 专题(四)」Babel 的配置
一、前言上一篇讲到如何配置一个基本的开发环境。本篇将介绍对于项目中 JS 文件的处理。二、babel-loaderindex.js//箭头函数constadd=(a,b)=>a+b;//Promise对象constpromise1=newPromise((resolve,reject)=>{setTimeout(()=>{resolve(add(1,2));},1000);});constp...转载 2021-11-12 11:08:26 · 247 阅读 · 0 评论 -
「Webpack5 专题(三)」开发环境的设置
一、前言上一篇讲到如何处理静态资源,本篇将更进一步,介绍如何打造一个基础而不失效率的开发环境。关键词:HtmlWebpackPlugin、Source Map、Dev Server、Hot Module Replacement。二、Plugins - 快捷打包如果说,Loader 的作用是将不同的资源进行转换,那么 Plugin 则是在打包的过程中帮我们做一些事情,使打包过程更好管理。在之前的打包流程中,实际上存在两个问题。第一,我们是不可以随意删除输出文件夹(我设置的是 dist)转载 2021-11-12 11:07:48 · 300 阅读 · 0 评论 -
「Webpack5 专题(一)」基础入门篇
一、前言基础篇主要围绕以下几点展开: 为什么会使用 Webpack? Webpack 打包流程 Webpack 的本源 Webpack 的配置文件 简化 Webpack 打包流程 1. 简单案例在前端开发中,如果一个页面的逻辑非常多,那么我们就有必要做业务逻辑的划分。例如,一个网页包含三个部分,分别是:Header、Sidebar、Content,这些全都通过 JavaScript 来编写,并加入到页面中。文件结构如下:my-webpa转载 2021-11-12 11:04:23 · 98 阅读 · 0 评论 -
webpack 配置项解析 注释
原创 2020-01-03 16:51:26 · 223 阅读 · 0 评论