webpack

webpack 优化策略

记录一下 webpack 的优化策略。

breeze

breeze

— 1 min read
  • babel: 使用缓存，use: ['babel-loader?cacheDirectory']
  • resolve.alias: 使用别名，直接引用打包好的库
  • module.noParse: 忽略没有采用模块化的文件库，不让 webpack 解析
  • 使用 DllPlugin: 将基本库打包成单独的文件
  • 使用 HappyPack: 开启多进程打包
  • 使用 ParalleUglifyPlugin: 开启多进程压缩 js
  • 使用自动刷新: watch:true
  • HMR: plugin.push(new HotModuleReplacementPlugin())
  • cdn: publicPath
  • 开启 Tree Shaking: babel 保留 ES6 的模块 "modules": false
  • 提取公共代码: CommonsChunkPlugin
  • 按需加载: import(/* webpackChunkName: "name" */ 'path').then()
  • 开启 Scope Hoisting: ModuleConcatenationPlugin
  • 输出分析: webpack --profile --json > analyse.json && webpack-bundle-analyzer

Read more

Gitlab 搭建

Gitlab 搭建

为什么？ 想要自己搭建一个代码仓库无非是以下几点原因： 1. 公司内部项目 2. 自己的项目，但不适合在公网 3. 大部分的 git 仓库虽然有私有服务，但价格都不便宜，甚至不如一台云服务器来的便宜 配置及安装文档 Gitlab * 由于 gitlab 会用到 22 端口端口转发的化就走不了 git clone 的默认配置，且占用内存较高，不推荐使用 docker 进行部署； * 由于 gitlab 自带 nginx 默认情况下会与属主机的 nginx 冲突，因此推荐只使用 gitlab 自带的 nginx 进行端口转发； 最小化配置 # path /etc/gitlab/gitlab.rb external_url 'http://git.

By breeze
NPM 私服

NPM 私服

verdaccio 私服搭建，搭建过程中的一些问题以及解决： * docker compose 启动后，可能会报错：配置找不到，添加 config.yaml 文件到映射的 ./conf 目录即可，config.yaml 具体内容可在官网找到，下方也有最小化配置。 services: verdaccio: image: verdaccio/verdaccio container_name: 'verdaccio' networks: - node-network environment: - VERDACCIO_PORT=4873 - VERDACCIO_PUBLIC_URL=http://npm.demo.com ports: - '10001:4873'

By breeze