首页
博客
源码
资源
博客
源码
写文章
发布博客
发布资源
登录
X
webpack
相关资讯
热门
最新
后端
01-01 08:00
后端
Webpack 理解 Chunk
Webpack 理解 Chunk,期望希望读过本篇文章,你在看Webpack配置的时候,能在脑中形成Chunk的生成过程。ChunkChunk不同于entry、output、module这样的概念,它们对应着Webpack配置对象中的一个字段,Chunk没有单独的配置字段,但是这个词出现在CommonsChunkPlugin(Webpack3以前)、optimization.splitChunks
178
代码人生
01-01 08:00
代码人生
webpack 插件
webpack 插件 何为插件(Plugin)?专注处理 webpack 在编译过程中的某个特定的任务的功能模块,可以称为插件。 Plugin 是一个扩展器,它丰富了 webpack 本身,针对是 loader 结束后,webpack 打包的整个过程,它并不直接操作文件,而是基于事件机制工作,会监听 webpack 打包过程中的某些节点,执行广泛的任务。 1、HotModul
177
代码人生
01-01 08:00
代码人生
webpack4.0版本之css单独打包
webpack4.0版本之css单独打包 这个适应新版本webpack4.0以上,太难了 参考官方文档,不仅让我大声呼喊,官方牛逼 MiniCssExtractPlugin 本插件会将 CSS 提取到单独的文件中,为每个包含 CSS 的 JS 文件创建一个 CSS 文件,并且支持 CSS 和 SourceMaps 的按需
177
代码人生
01-01 08:00
代码人生
WebPack再入门(webpack实战 入门进阶与调优)
WebPack再入门(webpack实战 入门进阶与调优),五个核心概念概念说明Entry代码打包的入口Output代码产物输出Loader处理js中引入的各种资源Plugins处理额外各种的事情,比如压缩代码等等,可以扩展各种强大的能力Mode区别开发模式生产模式基本使用目的方法处理样式文件使用style-loader/css-loader,如果是less还需要less-loader处理html
176
后端
01-01 08:00
后端
Webpack3+React16代码分割的实现
Webpack3+React16代码分割的实现,这篇文章主要介绍了Webpack3+React16代码分割的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧项目背景最近项目里有个webpack版本较老的项目,由于升级和换框架暂时不被leader层接受o(╥﹏╥)o,只能在现有条件进行优化。1webpack3+react16w
175
代码人生
01-01 08:00
代码人生
webpack搭建vue3教程-超级篇
webpack搭建vue3教程-超级篇 webpack搭建vue3教程-超级篇 一.配置vue-router: 1.安装依赖: npm install vue-router@4 -S 2.配置router: src/router/index.js import { createRouter, createWebHistory } from "vue-router"; import Hom
171
代码人生
01-01 08:00
代码人生
webpack5之性能优化
webpack5之性能优化,1,HTML代码压缩webpack对开发和生产环境的配置是不一样的,默认情况下,生产环境的代码是压缩的,无需重新配置,只需要指定,mode="production",但是,如果想要压缩HTML代码,需要添加配置newHtmlWebpackPlugin({template:'./src/index.html',minify:{//移除空格collapseWhitespac
168
后端
01-01 08:00
后端
webpack(系列一)
webpack(系列一),标签:ssoexpandbackround创建es6语法debptsno-repeat###webpack介绍*什么是webpack*Webpack是一个模块打包器(bundler)。*在Webpack看来,前端的所有资源文件(js/json/css/img/less/...)都会作为模块处理*它将根据模块的依赖关系进行静态分析,生成对应的静态资源*五个核心概念*Entr
167
后端
01-01 08:00
后端
webpack高级概念,webpack与浏览器的缓存(系列九)
webpack高级概念,webpack与浏览器的缓存(系列九),标签:stronguseindex图片spanloadingfilepng文件缓存场景生产环境中,我们配置output,输出打包配置,代码分割配置,第三方的库会被打包到vendors文件optimization:{usedExports:true,splitChunks:{chunks:‘all‘,cacheGroups:{vendo
166
后端
01-01 08:00
后端
webpack(3)基础的打包过程
webpack(3)基础的打包过程,webpack(3)基础的打包过程没有配置文件的打包如果我们没有使用配置文件webpack.config.js,那么我们就需要通过命令来打包案例我们首先创建一个webpackTest文件夹,然后在文件夹中再创建2个子文件夹dist和srcdist:打包后的文件夹src:源代码文件夹接着在src文件夹中创建4个文件,分别是info.js、main.js、mathU
165
«
1
2
3
4
5
6
7
8
...
23
24
»