12 2020 档案
摘要：Loader Plugin HtmlWebpackPlugin: 创建html，自动引用生成的文件，这对于生成的bundle包每次都变化时（比如含有hash）特别有用。 webpack-bundle-analyzer：包大小分析工具 clean-webpack-plugin: 清空output的目录
阅读全文
摘要：官方文档 手动地对index.html进行文件管理，比如导入bundle，特别是有多个bundle时，就比较麻烦了。如果bundle的名称是hash的，就更加麻烦了。所以有必要使用工具来管理输出。 一. 如何有多个entry以及多个output file const path = require('
阅读全文
摘要：定义nodejs或者普通的js文件，模块的导入还是require，但是使用webpack打包的项目，可以使用import这种方式，默认会转换为require 如果webpack是安装在项目中的，执行项目中的看执行命令（比如webpack，比如pkg包），一般有3中方式： 在命令行中：node_mod
阅读全文
摘要：webpack-bundle-analyzer文件大小分析工具 Angular cli 与webpack-bundle-anglyzer结合分析包大小。 一.安装 npm install --save-dev webpack-bundle-analyzer 二.配置 webpack.config.j
阅读全文
摘要：打包工具， 可以将Nodejs应用打包成windows 程序， linux程序 （pkg） 执行shell 脚本的工具，shelljs, 比如操作文件目录，可以使用fs库，但是效率没有shell脚本来的快速。 Shelljs的封装，可以在windows命令行中运行linux命令的shx库 命令行参数
阅读全文
摘要：Shelljs是Node.js下的脚本语言解析器，具有丰富且强大的底层操作(Windows/Linux/OS X)权限。Shelljs本质就是基于node的一层命令封装插件，让前端开发者可以不依赖linux也不依赖类似于cmder的转换工具，而是直接在我们最熟悉不过的javascript代码中编写s
阅读全文
摘要：研究院性质的公司要求快速地实现从想法到Demo的验证，每次做demo时都需要重新建立项目骨架，不复杂但是繁琐，所以想到可不可以自定义cli来完成这些繁琐的工作。 这篇文章会随着cli的功能的丰富持续更新。。。 一. npm init新建nodejs项目 cli是使用nodejs来写的，使用npm i
阅读全文
摘要：懒是技术进步的一大原因。这不，为了实现领导快速方便的检查我们正在开发的应用，就研究了一下如何把web应用打包成exe可执行文件，并且自动打开浏览器，这样，领导只需要轻轻地点击一下，就可以看到酷炫的页面了。 环境： 前端：Angular 后端：Nodejs + Koa 打包工具：pkg库 打开浏览器库
阅读全文
摘要：const input = document.createElement('input') as HTMLInputElement; input.type = 'file'; input.accept = 'application/json'; input.addEventListener('cha
阅读全文
摘要：const a = document.createElement('a'); a.href = `data:text/txt;charset=utf-8, '文件内容'}`; a.download = 'log.txt' // 文件名称; a.click();
阅读全文
摘要：使用Chrome打开网址 var open = require("open"); open("http://www.google.com", "chrome"); 调用Start打开 open模块的实现原理非常简单，即start命令，我们可以直接在命令行中调试: C:\Users\c2u> star
阅读全文
浙公网安备 33010602011771号