1. dio-bundler
📦 零配置 JavaScript、TypeScript、Vue 包构建工具,基于 Rollup
dio-bundler
Package: dio-bundler
Created by: komomoo
Last modified: Thu, 23 Jun 2022 06:47:20 GMT
Version: 0.6.1
License: MIT
Downloads: 4
Repository: https://github.com/komomoo/dio

Install

npm install dio-bundler
yarn add dio-bundler

dio

📦 零配置 javascript 包/库构建工具,基于 rollup

✨ 特性

  • 零配置/极简
  • 为构建 库/模块包 而生
  • rollup 拥有 AST,能实现完整的 tree-sharking,构建出的体积更小。相较于 webpack 更适用于库构建
  • 支持 javascript、typescript、vue

🚀 快速开始

安装

 yarn add -D dio-bundler # 或 npm i -D dio-bundler

使用

第一步:package.json 中新增 scripts:

   "scripts": {
    "build": "dio"
  },

第二步:命令行进入项目目录,运行:

 yarn build # 或 npm run build

dio 默认以 src/index.js 为入口,在 dist 目录输出 'umd', 'es', 'cjs' 三种格式的构建包(包含未压缩和已压缩版本)。

自定义配置

可在项目根目录新建 dio.config.js 自定义 dio 构建配置(或在 package.json 中使用 dioConfig 对象配置)。

dio 默认配置/配置示例



😉😘 如果它对你有所帮助,可以点一下 ⭐️Star ~

License

MIT

Copyright (c) 2018-present, komo

RELATED POST

Enhancing Vue.js Development: Harnessing the Potential of Vue-Loader

Enhancing Vue.js Development: Harnessing the Potential of Vue-Loader

Simplify Data Validation in Vue.js: A Step-by-Step Guide to Using Regex

Simplify Data Validation in Vue.js: A Step-by-Step Guide to Using Regex

Troubleshooting Made Easy: Common Issues and Solutions with vue-loader Without vue-cli

Troubleshooting Made Easy: Common Issues and Solutions with vue-loader Without vue-cli

Optimizing Webpack 4 with Vue CLI 3: Disabling the Cache-Loader

Optimizing Webpack 4 with Vue CLI 3: Disabling the Cache-Loader

Step-by-Step Guide: How to Add a Function to Your Vuex Plugin

Step-by-Step Guide: How to Add a Function to Your Vuex Plugin