首页
博客
源码
资源
博客
源码
写文章
发布博客
发布资源
登录
X
webpack
相关资讯
热门
最新
代码人生
01-01 08:00
代码人生
webpack简单搭建localhost访问静态资源
webpack简单搭建localhost访问静态资源 前端开发过程中,静态页面直接双击HTML文件就能在浏览器打开,有时候我们很希望可以用localhost启动,在局域网内可以直接用手机或者是别的电脑访问。 如果你用的是框架脚手架或者你是webpack大神就不用往下看了。今天分享的只是最简便用webpack-dev-server快速localhost访问静态资源。 Node环境一定要有,这个我就不说了。新建
391
代码人生
01-01 08:00
代码人生
webpack5学习笔记(webpack教程)
webpack5学习笔记(webpack教程),webpack是一个现代JavaScript应用程序的静态模块打包器,当webpack处理应用程序时,会递归构建一个依赖关系图,其中包含应用程序需要的每个模块,然后将这些模块打包成一个或多个bundle。主要有四个核心概念:入口:起点指示webpack应该使用那个模块,来作为构建其内部依赖图的开始,默认是./src/index.js,可以配置entr
313
代码人生
01-01 08:00
代码人生
Webpack实战(入门、进阶与调优)
Webpack实战(入门、进阶与调优) 第1章 简介 何为webpack: Webpack是一个开元的JS模块打包工具,其最核心的功能是解决模块之间的依赖,把各个模块按照特定的规则和顺序组织在一起,最终合并为一个JS文件,这个过程就叫做模块打包。 为什么需要webpack: 应用规模大了以后,必须借助一定的工具,否则人工维护代码的成本将逐渐变得难以承受,学会使用工具可以让开发效率
311
代码人生
01-01 08:00
代码人生
webpack plugin 从入门到入门 之compiler与compilation
webpack plugin 从入门到入门 之compiler与compilation,前言接上一篇章《webpackplugin从入门都入门》,带大家从4个常用Class(SyncHook、SyncBailHook、AsyncParallelHook、AsyncSeriesHook)去了解tapable的常规用法。本文将会从webpackplugin的基本架构开展,介绍compiler与comp
290
代码人生
01-01 08:00
代码人生
webpack 完全指南:Autoprefixer
webpack 完全指南:Autoprefixer,因为现在市面上的浏览器类型众多,作为一名前端开发者就需要面对很多兼容性的问题,有些问题我们可以在构建阶段就对其处理,比如CSS3的前缀问题。.box{-moz-border-radius:10px;-webkit-border-radius:10px;-o-border-radius:10px;border-radius:10px;}复制代码这里
281
代码人生
01-01 08:00
代码人生
Webpack中externals与dll
Webpack中externals与dll,externals为什么需要externals?有时候我们不希望将某些包进行打包,而是通过CDN链接进行引入,此时我们就可以用到externals。使用externals的步骤再webpack.config.js中添加配置项指定要忽略打包的内容externals:{jquery:'jQuery'}复制代码在静态文件中通过CDN引入复制代码dll什么是dl
281
后端
01-01 08:00
后端
webpack配置typescript详解
webpack配置typescript详解,随着现在typescript使用越来越多,作为打包工具界的webpack怎么编译typescript呢?下面我把自己的实践记录一下,成功编译了typescript文件,并且引入typescript模块后,也可以成功编译。我们从新建webpack项目开始,在此之前先贴一下环境,经常环境不同会造成不同的状况,这边先贴上的环境:$node-vv14.15.4$
274
前端
01-01 08:00
前端
Webpack 原理——如何实现代码打包
Webpack 原理——如何实现代码打包,前言作为一个前端“攻城狮”,Webpack再熟悉不过了,Webpack能做的事太多了,可以将所有资源(包括JS,TS,JSX,图像,字体和CSS等)打包后置于依赖关系中,使你可以按照需求引用依赖来使用资源。Webpack很出色的完成了转译前端多种文件资源,分析复杂模块依赖的工作,并且我们还可以自定义loader,自由的加载我们自己的资源,那Webpack是
264
代码人生
01-01 08:00
代码人生
Webpack5详细教程-入门篇,带你搭建 Vue3 项目
Webpack5详细教程-入门篇,带你搭建 Vue3 项目,导读上一篇文章(Webpack5详细教程-导读篇)主要讲述了模块化规范和自动化构建工具发展历史,以及它们的优缺点。今天我们开始系统地对Webpack5一些核心特性进行讲解,文章后面也会带大家一起搭建一个Vue3项目。相关源代码已上传Github:webpack-basic。本文Webpack相关版本如下:webpack:5.62.1web
262
代码人生
01-01 08:00
代码人生
Webpack 5 Compilation processAssets Hook 使用
Webpack 5 Compilation processAssets Hook 使用,在Webpack5之前的plugin中,我们常用compiler.hooks.emit对资源进行一些处理(比如删除注释、压缩文件等),在Webpack5中使用该hook将会得到以下警告:(node:3881)[DEP_WEBPACK_COMPILATION_ASSETS]DeprecationWarning:C
258
«
1
2
3
4
5
6
7
8
...
23
24
»