vue-bundler

vue-bundler 前端构建工具

特性

• 开箱即用的工程配置
• 基于文件系统的路由
• 支持 ES6+、TypeScript、Less/Sass/CSS Modules、Tailwind CSS
• 网页和插件打包

快速开始

pnpm add vue-bundler --dev
# or npm install --save-dev vue-bundler

创建包含 vue-bundler 的项目模版

pnpm create bundler

使用，配置 package.json

{
  "scripts": {
    "start": "bundler-dev",
    "build": "bundler",
    "build:lib": "BUILD_LIBRARY=true bundler"
  },
}

自定义配置

兼容 vite 配置，项目根目录配置 bundler.config.js，将和默认配置进行 merge

module.exports = () => {
  return {
    base: '/',
    plugins: [],
    postcss: {
      plugins: [],
    },
    devServer: {
      proxy: {
        '/api/': {
          target: 'http://1.1.1.1',
          changeOrigin: true,
        },
      },
    },
  };
};