webpack
hzxOnlineOk
这个作者很懒,什么都没留下…
展开
-
一步步从零开始用 Webpack 搭建一个大型项目(深度长文,万字教学)
开篇很多人都或多或少使用过 webpack,但是很少有人能够系统的学习 webpack 配置,遇到错误的时候就会一脸懵,不知道从哪查起?性能优化时也不知道能做什么,网上的优化教程是不是符合自己的项目?等一系列问题!本文从最基础配置一步步到一个完善的大型项目的过程。让你对 webpack 再也不会畏惧,让它真正成为你的得力助手!本文从下面几个课题来实现 课题 1:初探 webpac...转载 2019-12-12 13:16:29 · 559 阅读 · 0 评论 -
深度优化 Webpack 性能,翻倍构建性能
0.背景随着构建体系不断完善、构建体验不断优化,webpack 已经逐渐成为了前端构建体系的一大霸主,对于工作中的真正意义上的前端工程项目,webpack 已经成为了我们前端构建技术选型的不二选择,包括create-react-app以及vue-cli等等业内常见的脚手架工具的构建体系,也都是基于 webpack 进行了上层封装。但随着业务代码不断增加,项目深度不断延伸,我们的构建时长...转载 2019-11-23 21:25:19 · 206 阅读 · 0 评论 -
使用node.js做服务器替代webpack默认服务器
使用node.js做服务器替代webpack默认服务器,可以避免跨域的问题(前提是需要先打包):const path = require('path');const express = require('express');const proxy = require('http-proxy-middleware');const url = require('url');const a...原创 2019-10-31 14:56:18 · 182 阅读 · 0 评论 -
Webpack 性能(performance)优化篇
Webpack给出了performance属性提示用户包的体积过大,以此进行性能优化performanceobject配置如何展示性能提示。例如,如果一个资源超过 250kb,webpack 会对此输出一个警告来通知你。下面一一进行介绍performance.hints支持 false | "error" | "warning" 3种值打开/关闭提示...原创 2019-09-24 14:23:26 · 4439 阅读 · 2 评论 -
不使用cli 自主搭建vue简单应用 学会webpack的应用场景
搭建教程:https://juejin.im/post/5a531f4c6fb9a01cb80f926f问题1:webpack.config.js配置遇到Error: Cannot find module '@babel/core'&&Cannot find module '@babel/plugin-transform-react-jsx' 问题解决方...原创 2019-09-30 15:07:41 · 154 阅读 · 0 评论