1. vue-cli-plugin-vusion
Vue CLI Plugin for Vusion Projects
vue-cli-plugin-vusion
Package: vue-cli-plugin-vusion
Created by: vusion
Last modified: Thu, 24 Aug 2023 09:30:16 GMT
Version: 0.14.7
License: MIT
Downloads: 633
Repository: https://github.com/vusion/vue-cli-plugin-vusion

Install

npm install vue-cli-plugin-vusion
yarn add vue-cli-plugin-vusion

vue-cli-plugin-vusion

Vue CLI Plugin for Vusion Projects

CircleCI
NPM Version
Dependencies
NPM Download

screenshot

Vusion Config

 {
    type: '', // Vusion 项目类型,如:'app', 'library', 'component', 'block', 'repository'
    outputPath: '', // 如果设置,vue.config.js 的 `outputDir` 属性
    publicPath: '', // 如果设置,vue.config.js 的 `publicPath` 属性
    staticPath: '', // 静态资源目录。构建时,会将该目录中的资源全部原样拷贝到输出目录下。
    srcPath: './src', // 源文件目录。在项目中会自动注册别名'@'。
    libraryPath: '', // 项目库目录。默认留空,表示与'srcPath'一致。在项目中会自动注册别名'@@'。
    baseCSSPath: '', // 基础样式(如 reset 样式)的路径。默认留空,会查找'@/base/base.css'。在项目中会自动注册别名'baseCSS'。
    theme: undefined, // 选择主题。主题 CSS 所在的路径,主题名称为 CSS 名。也可以为一个对象。
    applyTheme: false, // 应用主题,将主题变量注入到 CSS 中。如果需要兼容 IE 浏览器,必须开启。
    docs: false, // 文档配置
    docStaticURL: '', // 文档静态资源 URL,默认为 https://static-vusion.163yun.com
    alias: { // 用于设置 Webpack 别名
        '@': path.resolve(__dirname, 'src'),
        ...
    },
};

Commands

全局

  • 增加了 alias
  • 增加了 vue-multifile-loader
  • 对 CSS 做了处理

library-build

专门针对库进行构建。

--theme

设置主题。

--vusion-mode raw

原生模式,一般在打包组件库时使用,不处理 babel、icon-font、css-sprite。

--base-css

设置 Base CSS 的路径。

--cache

缓存库的打包。

--output-path

覆盖默认的 output.path。

--public-path

覆盖默认的 publicPath。

--src-path

覆盖默认的 srcPath。

--library-path

覆盖默认的 libraryPath。

doc

开发文档,启动文档的 dev 服务。

doc-build

构建文档。

Generator

没有 Generator,请使用 vusion init

UI

增加了 Vusion Config 的配置界面。

Changelog

See Releases

Contributing

See Contributing Guide

License

MIT

Dependencies

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