背景 线上机器存在两个 pm2 部署的系统服务, 由于 pm2 默认输出到pm2-out.log文件中, 系统运行了一年多这个文件已经几十 G 了, 查询日志定位问题时 grep 速度极慢…所以想法是修改输出日志文件到新文件中, 并对其做日志切割. 具体实现 更换日志输出文件 pm2 默认通过ecosystem.config.json进行各种配置, 这里对输出的文件进行修改 12345678

学习笔记 babel ES6+新出现的语法, 数据类型, 类, API 等, 对于不支持 ES6 的旧浏览器, 就需要 babel 将代码编译成 ES5 代码. 不管在什么工具下使用 babel 都必须安装 core 包文件: yarn add @babel-core 在终端使用 babel, 将 src 文件夹下的源文件编译输出到 result 文件夹下: npx babel src --o

学习笔记 mode in webpack config 使用: 123module.exports = { mode: "development",}; 简单看下 webpack 官网对mode的描述: option description development Sets process.env.NODE_ENV on DefinePl

学习笔记 Plugin Loader 是用于特定的模块类型进行转换 Plugin 则可以用于执行更加广泛的任务, 比如打包优化, 资源管理, 环境变量注入等功能, 你能想到的功能 plugin 应该都可以实现. 所有 plugin 都会暴露出类, 通过实例化使用 plugin, 配置如下: 123module.exports = { plugins: [new CleanWeb

学习笔记 postcss postcss 是通过 JavaScript 转换样式的工具, 可以帮助我们进行 css 的转换和适配, 比如添加浏览器前缀, reset css, 但是要实现这些功能需要 postcss 对应的插件, 单独使用 postcss 一般什么都干不了 所以如果要使用 postcss, 需要两步: 查找对应插件, 比如 webpack 中的post-loader 安装对应

学习笔记 webpack 默认 config 文件名webpack.config.js, 可以通过webpack --config webpack.config.js指定配置文件, 默认导出到./dist/main.js, 一个最基础的配置文件如下: 1234567module.exports = { entry: "./index.js", output:

引言 系统学习 webpack5 的第一天…立志成为前端 dalao(大概 学习笔记 webpack 安装通常需要安装webpack和webpack-cli但后者不是必须的, 在主流框架 vue, react 中都没有使用而且使用自己的 cli webpack-cli的作用是在使用webpack --config=webpack.config.js指定 webpack 配置文件或者默认配

引言 记录一下工作中使用到的 lerna 常用命令(并不常用), 部分是对基于 Lerna 管理 packages 的 Monorepo 项目最佳实践的记录, 部分是工作中遇到的问题记录. 目录结构 可以通过tree -L 2 --gitignore生成 123456789├── README.md├── babel.config.js├── commitlint.config.js├── l

koa-static koa-static是 koa 的静态文件服务中间件 Example 1234567const koaStatic = require('koa-static');app.use(koaStatic({ path.resolve(__dirname, '../static');}, {}));

背景 发现了个好用的 note app: obsidian, 内置插件以及第三方插件都能大幅度提升写笔记体验, 于是把之前用 jekyll 搭建的博客文件夹挪到里面, 代码虽然是同步 git 的, 但是插件被我 gitignore 掉了, 都存在本地, 避免极端情况要重新装一遍记录下用到第三方的插件. 第三方插件 calendar 展示日历用于记录每周的日记情况, 点击日期即可生成当天的 m