vue-bundler

library0.4.10jsnpmunverified

Vue Bundler is a frontend build tool designed for Vue.js applications, currently at version 0.4.10. It aims to provide an out-of-the-box configuration experience, simplifying the setup process for Vue projects. Key features include file-system based routing, comprehensive support for modern web development standards like ES6+, TypeScript, various CSS pre-processors (Less/Sass/CSS Modules), and seamless integration with Tailwind CSS. The tool supports both traditional web application bundling and the creation of reusable Vue plugins. Its configuration system is designed to be compatible with Vite, allowing developers familiar with Vite to leverage existing knowledge and configuration patterns. As it's still in an early development stage (pre-1.0), users should anticipate a potentially rapid release cadence with possible breaking changes between minor versions. The primary interaction model is through command-line interface scripts defined in `package.json`, rather than a programmatic API.

web-framework

npm install vue-bundler

package ↗

INSTALL

IMPORT

SIG · VUE-BUNDLER

vue-bundler

web-frameworkjavascriptv0.4.10

Install

—

Import

—

Disk

—

Pass rate

0/ 6

Env Coverage0 / 6

glibc

18–22

musl

18–22

Install & Compatibility

Where this runs

tested against v? · npm install

Install × environment matrix

Each cell = how many times install + import succeeded across repeated harness runs. Partial = flaky.
glibc = Debian/Ubuntu slim · musl = Alpine Linux

musl

node 18–226 runs

build_error

glibc

node 18–226 runs

build_error

Code

Verified usage

Verified import paths — ran on the pinned version, not inferred.

Configuration File (bundler.config.js)

✓ module.exports = () => { /* ... */ };

✗ import { defineConfig } from 'vue-bundler'

vue-bundler is primarily a CLI tool; direct programmatic imports for its core functionality are not exposed. Configuration is done via a CommonJS module in `bundler.config.js`.

CLI Commands

✓ pnpm add vue-bundler --dev npm run start

✗ import { startDevServer } from 'vue-bundler'

Interaction with vue-bundler is typically through CLI commands (`bundler-dev`, `bundler`) invoked via `package.json` scripts, not through direct JavaScript function calls from the package.

This quickstart demonstrates how to install vue-bundler, configure package.json scripts for development and build tasks, and set up a custom `bundler.config.js` file for advanced options like proxying API requests, leveraging Vite-compatible syntax.

pnpm add vue-bundler --dev # or npm install --save-dev vue-bundler # Create a project template (optional) pnpm create bundler // package.json { "scripts": { "start": "bundler-dev", "build": "bundler", "build:lib": "BUILD_LIBRARY=true bundler" }, } // bundler.config.js (in project root) module.exports = () => { return { base: '/', plugins: [], postcss: { plugins: [], }, devServer: { proxy: { '/api/': { target: 'http://1.1.1.1', changeOrigin: true, }, }, }, }; };

vue-bundler --version

Debug

Known issues

breakingAs vue-bundler is in an early development stage (version 0.4.10), breaking changes may occur frequently between minor versions. Always consult the changelog before upgrading.

fix

Review the project's GitHub repository or npm page for specific release notes and migration guides when updating to a new minor or patch version.

affects: >=0.1.0

gotchaThe configuration file `bundler.config.js` uses CommonJS (`module.exports`). While it's compatible with Vite's configuration *options*, ensure you're using CommonJS syntax for the config file itself, even if your project uses ESM for application code.

fix

Ensure `bundler.config.js` exports its configuration object using `module.exports = () => { /* ... */ };`. Do not use `export default` in this file.

affects: >=0.1.0

gotchavue-bundler is primarily a command-line interface (CLI) tool. It is not designed for direct programmatic import and use within your application's JavaScript or TypeScript code.

fix

Interact with vue-bundler through the provided CLI commands (`bundler-dev`, `bundler`) defined in your `package.json` scripts, rather than attempting to import functions from the package directly.

affects: >=0.1.0

Errors

Common errors & fixes

Error: Cannot find module 'vue-bundler/...' or 'ReferenceError: bundler is not defined'

Attempting to import `vue-bundler` programmatically or incorrectly referencing CLI commands in a non-script context.

fix

Ensure `vue-bundler` is installed as a dev dependency (`pnpm add vue-bundler --dev`) and that its commands (`bundler-dev`, `bundler`) are run via `npm run <script-name>` from `package.json`.

Bundling failed: Unknown configuration option or invalid plugin setup.

Incorrectly configured `bundler.config.js` or misinterpreting Vite's configuration options.

fix

Carefully review the `bundler.config.js` syntax against Vite's documentation for the specific options you are trying to use. Ensure plugins are correctly installed and configured as an array.

Upgrade

Version history

0.4.10latest on npm

Audit

Dependencies

viterequiredThe bundler's configuration system is compatible with Vite, implying it leverages or integrates with Vite under the hood for core bundling functionalities.

Agent activity

7 hits · last 30 days

node

OpenAI (training)

Resources

packagehttps://www.npmjs.com/package/vue-bundler ↗