前端工程化
文章平均质量分 61
包含模块化、组件化、规范化、自动化等几个方面的问题
夏狗花花
勇于尝试,乐于经历,坦然接受
展开
-
Lerna 演练
安装全局安装 lerna: npm install -g lerna指令备查指令描述lerna bootstrap --hoist安装依赖lerna clean删除各个包下的node_moduleslerna init创建新的lerna库lerna list显示package列表lerna changed显示自上次relase tag以来有修改的包, 选项通 listlerna dif显示自上次relase tag以来有修改的包的差异, 执原创 2022-03-04 07:41:32 · 409 阅读 · 0 评论 -
配置npm镜像源的几种方式
配置npm镜像源的几种方式以配置淘宝镜像源为例 ——全局配置配置全局的 registry 属性npm config set registry https://registry.npm.taobao.org检查配置结果npm config get registry 测试一下(获取包信息)npm info express 使用 nrm 快速切换源(全局配置)安装 nrmnpm install -g nrm查看镜像源列表nrm ls* npm -------- https原创 2020-09-15 09:19:52 · 14239 阅读 · 0 评论 -
npm ERR! errno 3221225477
F:\uidp>npm run build> uidp@1.0.0 build F:\uidp> node build/build.js## Fatal error in , line 0# Check failed: U_SUCCESS(status).####FailureMessage Object: 0000005873AFD1B0npm ERR! code ELIFECYCLEnpm ERR! errno 3221225477npm ERR! uid原创 2020-11-17 07:42:00 · 9938 阅读 · 1 评论 -
项目版本号怎么定义?
脑图详情:https://www.processon.com/mindmap/608115661e08534b2ef11fb9参考链接https://blog.csdn.net/u014292162/article/details/83788071https://www.jianshu.com/p/10861f582030原创 2021-04-22 14:37:30 · 327 阅读 · 0 评论 -
查看webpack版本
想着搞一下 webpack 的构建优化,网上看到一些方法说是要 webpack4 及以上的才能用。然后就要看看是啥版本来着 ——查看当前项目的 webpack 版本1.命令行执行 npx webpack -v (最方便啦)因为 webpack 是局部安装,要进入依赖包执行webpack的命令才有效,直接 webpack -v 会被认为命令无效。使用 npm 包执行器 npx 可以自动找到对应的包执行命令(一般安装了npm会自动安装npx)2. 在 package.json 添加 script 命原创 2021-03-25 14:29:15 · 24767 阅读 · 2 评论 -
webpack-bundle-analyzer 基本用法
安装npm install webpack-bundle-analyzer –save-dev配置build/config.js// build/config.js// 在 build 中配置开启包分析module.exports={ build:{ //... bundleAnalyzerReport:true //开启bundleAnalyzerReport }, //...}build/webpack.prod.config.js// build/w原创 2021-03-12 15:29:02 · 942 阅读 · 0 评论 -
webpack 中的 tree shaking
webpack 中 tree shaking 的用途和原理是什么?参考链接:https://webpack.docschina.org/guides/tree-shaking/https://juejin.im/post/6844903544756109319tree shaking 的基本概念对无用代码进行剔除,以优化项目打包体积,属于性能优化的范畴。支持tree shaking 的构建工具:rollup(最早)、webpack(2开始)tree shaking 的原理关注于无用原创 2020-10-31 08:44:44 · 221 阅读 · 1 评论 -
gulp
gulp是什么gulp是前端开发过程中一种基于流的代码构建工具,是自动化项目的构建利器;它不仅能对网站资源进行优化,而且在开发过程中很多重复的任务能够使用正确的工具自动完成。gulp是基于Nodejs的自动任务运行器, 它能自动化地完成 前端代码的测试、检查、合并、压缩、格式化、浏览器自动刷新、部署文件生成,并监听文件在改动后重复指定的这些步骤。什么是流流,流水,把文件比作河流,那么一条河...原创 2018-11-24 10:03:53 · 159 阅读 · 0 评论 -
webpack/browserify/seajs/requirejs/glup/grunt 几者的关系和区别
webpack/browserify/seajs/requirejs/glup/grunt 几者的关系和区别参考链接:https://zhidao.baidu.com/question/1799220342210982227.htmlhttps://www.cnblogs.com/lovesong/p/6413546.html实际上gulp/grunt 和 webapck/browseri...转载 2018-11-23 10:40:48 · 448 阅读 · 0 评论 -
Rollup
Rollup以下,简单记录一下 Rollup 的学习笔记。内容概要关键词:小而精、es module 打包、 tree-shaking、插件基础配置:input、output、pluginsrollup-plugin-json:令 Rollup 从 JSON 文件中读取数据rollup-plugin-node-resolve:加载 npm 模块rollup-plugin-commonjs:加载 CommonJS 模块(配合 node-resolve 使用)Rollup 介绍Rollu原创 2020-09-27 00:14:51 · 1923 阅读 · 0 评论