
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 · 1406 阅读 · 0 评论 -
webpack代码分割和懒加载
实现方式:1.webpack methodsrequire.ensure([''], callback,chunkName)// []路径可省略 // var _ = require('lodash') 必须require.ensure(['lodash'], function() { var _ = require('lodash')}, 'vendor')...翻译 2018-07-24 22:07:22 · 2026 阅读 · 0 评论 -
webpack4.0报错The 'mode' option has not been set, webpack will fallback to 'production' for thisvalue.
升级webpack4.0后,打包报如下错误:WARNING in configurationThe '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 · 16013 阅读 · 4 评论 -
webpack学习1
一.webapck相关文档地址1.webpack版本releasehttps://github.com/webpack/webpack/releases 2.webapck中文文档https://webpack.docschina.org/concepts/二.大版本变化webpack v1.0.0 – 2014.2.20webpack v2.2.0 – 2017.1....翻译 2018-07-21 15:19:56 · 278 阅读 · 0 评论 -
webpack学习2
webpack核心概念Entry Output Loaders Plugins一.Entry代码的入口打包的入口单个或多个二.output打包成的文件(bundle) 一个或多个 自定义规则三.loaders处理文件 转化为模块 常用loader 编译相关: babel-loader ts-loader 样式...翻译 2018-07-21 16:07:07 · 264 阅读 · 0 评论