首页
博客
源码
资源
博客
源码
写文章
发布博客
发布资源
登录
X
webpack
相关资讯
热门
最新
前端
01-01 08:00
前端
webpack5学习笔记-P1(为什么需要webpack!)
webpack5学习笔记-P1(为什么需要webpack!),一、基础应用篇1.1为什么需要Webpack想要理解为什么要使用webpack,我们先回顾下历史,在打包工具出现之前,我们是如何在web中使用JavaScript的。在浏览器中运行JavaScript有两种方法:第一种方式,引用一些脚本来存放每个功能,比如下面这个文档:01-why-webpack/index-1.html千锋大前端教研
257
后端
01-01 08:00
后端
webpack 5 项目中遇到的坑(持续更新)
webpack 5 项目中遇到的坑(持续更新),前言前段时间用webpack5搭建了一个React、typescript的脚手架,来作为公司项目的基础脚手架,在实际的使用中还是遇到了很多坑的,需要总结和记录一下。我是这样搭建React+TS的通用webpack脚手架的(阶段一)我是这样搭建React+TS的通用webpack脚手架的(阶段二)1、BREAKINGCHANGE:webpack<5us
253
后端
01-01 08:00
后端
webpack5简单搭建vue项目
webpack5简单搭建vue项目,写在前面webpack在当今的前端领域已经是不可缺失的一部分了,不多说了,先了解一下webpack的四大核心entry(入口)entry是一切的起点,通过import告诉webpack引用了哪些模块//index.jsimportmodulefrom'./module'import'./index.css'import'./index.scss'module()
252
后端
01-01 08:00
后端
Webpack5不完全指南-基础篇
Webpack5不完全指南-基础篇,金石有声,不拷不鸣引言在webpack之类的构建工具诞生之前,前端项目构建一直处于"高耕火种"时代,项目代码压缩混淆、js/css等依赖的合并都需要手动操作。webpack的出现解决了前端项目构建的很多痛点,可以说是前端工程化中必学必会的一环。什么是Webpack?Webpack是前端项目的构建工具,它可以解析项目的依赖(js/css/图片资源等),对它们进行打
243
前端
01-01 08:00
前端
webpack基础知识学习(六)--javascript转换
webpack基础知识学习(六)--javascript转换,在我们项目开发中,我们现在会用jsx、ts、es6+等不被浏览器识别的语言或者特性,这时候我们就需要一个工具转换这些特性。这就是我们要用babel的原因,他非常类似postcss插件。1.安装插件yarnaddbabel-loader@babel/core@babel/preset-env--dev。babel-loader也是一个类型
235
代码人生
01-01 08:00
代码人生
webpack5搭建vue3教程(使用webpack搭建vue项目的步骤)
webpack5搭建vue3教程(使用webpack搭建vue项目的步骤),webpack5已经出来有一阵了,可是vue-cli要等到5.0版本才引入webpack5,主要担心的是nodejs的polyfills问题,在vue-cli5.0稳定之前,先自己搭建一遍,一些惯例尽量和vue-cli保持一致,求同存异.教程不面向新手,你需要了解一些基本的webpack知识,比如loader,plugin
217
代码人生
01-01 08:00
代码人生
webpack热更新原理(热更新和冷更新区别)
webpack热更新原理(热更新和冷更新区别),我们大致了解了webpackHMR原理。可以看出以下几点核心思想:1、监听文件变化2、服务器与客户端通信3、替换流程4、降级操作当然,由于webpack本身有个很成熟的模块思想和生态,因此整个架构设计会比我们实现的HMR复杂很多。在模块热替换中,是由webpack的全部流程出力来完成这一操作的,而并没有局限于webpack-dev-server和we
200
代码人生
01-01 08:00
代码人生
webpack入门与进阶:进阶用法(三)
webpack入门与进阶:进阶用法(三),自动清理构建目录避免构建前每次都需要手动删除dist,可以通过clean-webpack-plugin自动清理。webpack4.0配置npminstallclean-webpack-plugin-D复制代码webpack.prod.js//webpack.prod.js//自动清理构建目录constCleanWebpackPlugin=require('
198
后端
01-01 08:00
后端
webpack 或 esbuild:为什么不是两者兼而有之?
webpack 或 esbuild:为什么不是两者兼而有之?,【翻译于LogRocket网站上JohnReilly所写的webpackoresbuild:Whynotboth?】使用像esbuild的工具可以更快地进行构建。但是,如果您正投资于webpack,但是仍想利用更快的构建,那么有一种方法。在本教程中,我们将向您展示如何将esbuild与webpack与esbuild-loader一起使用
198
后端
01-01 08:00
后端
webpack 之常用的 plugin
webpack 之常用的 plugin,作⽤于webpack打包整个过程webpack的打包过程是有(⽣命周期概念)钩⼦plugin可以在webpack运⾏到某个阶段的时候,帮你做⼀些事情,类似于⽣命周期的概念扩展插件,在Webpack构建流程中的特定时机注⼊扩展逻辑来改变构建结果或做你想要的事情。作⽤于整个构建过程。HtmlWebpackPluginhtmlwebpackplugin会在打包结束
196
«
1
2
3
4
5
6
7
8
...
23
24
»