webpack + ts 配置路径别名总结

webpack + ts 配置路径别名总结 自我体验加总结:在配置脚手架时,定制别名很有必要,可以使得代码更优雅,可读性更强。但在使用ts的时候,即便项目能够运行,vscode 确时长会提示 can’t find module xxx。总结下来,如果想要完全解决这个问题需要考虑以下两方面: 概述 语 ... »

前端工程化

前端工程化 背景 前端工程化的概念近两年来被广泛的提及,究其原因,是前端工程师所负责的客户端功能逻辑在不断复杂化。PC网站、手机应用、桌面应用、微信小程序,前端开发的应用领域越来越广,前端工程师这个职位也不再是几年前被戏称的“切图仔”,在这种背景下,前端工程化应运而生。 聊到前端工程化,必然会有一些 ... »

探讨npm依赖管理之peerDependencies

引言 想必前端同学对npm的devDependencies和dependencies都比较熟悉,但是对peerDependencies可能就有点陌生,尤其是没有写过npm包插件的同学,比如之前使用grunt自动化工具的相关插件(如grunt contrib jasmine等)或者目前基于某个框架的u ... »

谈谈npm依赖管理

引言 现在的前端开发几乎都离不开nodejs的包管理器 ,比如前端在搭建本地开发服务以及打包编译前端代码等都会用到。在前端开发过程中,经常用到 来安装所需的依赖,至于其中的技术细节未做过多的理解,下面就来说说node包管理器npm。 依赖安装npm install 使用npm来管理nodejs的包依 ... »

webpack打包经验——处理打包文件体积过大的问题

前言 最近对一个比较老的公司项目做了一次优化,处理的主要是webpack打包文件体积过大的问题。 这里就写一下对于webpack打包优化的一些经验。 本篇博客用到的webpack插件如何配置都可以去查看我写的这篇博客: "【Webpack的使用指南 02】Webpack的常用解决方案" 这里就不细讲 ... »

【Webpack的使用指南 02】Webpack的常用解决方案

说是解决方案实际上更像是webpack的插件索引。 写这一篇的目的是为了形成一个所以,将来要用时直接来查找即可。 索引目录 1.自动构建HTML,可压缩空格,可给引用的js加版本号或随机数:html webpack plugin 2.处理CSS:css loader与style loader 3.处 ... »

【Webpack的使用指南 01】Webpack入门

使用Webpack有一段时间了,但是感觉之前学的用的都比较零散,所以在这里整理一下Webpack的使用知识,从入门到进阶。 创建项目 首先创建最简单的一个项目 npm init 得到以下项目结构: 安装Webpack 先来个全局的 npm i webpack g 再安装项目中的 npm i webp ... »