webpack
轨迹257
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
CommonsChunkPlugin多入口提取公共代码
webpack提取公共代码的作用: 减少代码冗余 提高加载速度 如下图:分别有A,B,C 3个模块,当加载图一时需要需要同时加载A和C模块,加载图二时,需要同时加载B,C模块 ,而图3先将C提取出来,这样加载页面时,会减少重复加载和代码量 CommonsChunkPlugin相关介绍: 1.配置 { plugins: [ new we...翻译 2018-07-24 20:54:51 · 1442 阅读 · 0 评论 -
webpack代码分割和懒加载
实现方式: 1.webpack methods require.ensure([''], callback,chunkName) // []路径可省略 // var _ = require('lodash') 必须 require.ensure(['lodash'], function() { var _ = require('lodash') }, 'vendor') ...翻译 2018-07-24 22:07:22 · 2068 阅读 · 0 评论 -
webpack4.0报错The 'mode' option has not been set, webpack will fallback to 'production' for thisvalue.
升级webpack4.0后,打包报如下错误: WARNING in configuration The 'mode' option has not been set, webpack will fallback to 'production' for thisvalue. Set 'mode' option to 'development' or 'production' to enable d...原创 2018-07-14 17:37:35 · 16051 阅读 · 4 评论 -
webpack学习1
一.webapck相关文档地址 1.webpack版本release https://github.com/webpack/webpack/releases 2.webapck中文文档 https://webpack.docschina.org/concepts/ 二.大版本变化 webpack v1.0.0 – 2014.2.20 webpack v2.2.0 – 2017.1....翻译 2018-07-21 15:19:56 · 304 阅读 · 0 评论 -
webpack学习2
webpack核心概念 Entry Output Loaders Plugins 一.Entry 代码的入口 打包的入口 单个或多个 二.output 打包成的文件(bundle) 一个或多个 自定义规则 三.loaders 处理文件 转化为模块 常用loader 编译相关: babel-loader ts-loader 样式...翻译 2018-07-21 16:07:07 · 297 阅读 · 0 评论
分享