Vue CLI 支持在构建时指定不同的构建目标,以满足不同部署环境和需求。构建目标通过 --target 选项来设置。以下是一些常见的 Vue CLI 构建目标:

1. 默认目标(默认为 'app')

默认情况下,Vue CLI 的构建目标是应用程序('app')。这意味着 Vue CLI 会构建一个用于在浏览器中运行的单页应用程序(SPA)。
vue-cli-service build

2. 库目标('lib')

如果你希望构建一个可用于打包为库(Library)的项目,可以使用 --target lib 选项。
vue-cli-service build --target lib

这将生成一个可以通过 CommonJS、ES Module 或 UMD(Universal Module Definition)引入的库。你还可以使用 --name 选项为你的库指定名称:
vue-cli-service build --target lib --name myLibrary

3. Web 组件目标('wc')

Vue CLI 也支持构建为可用于 Web 组件(Web Components)的项目。使用 --target wc 选项:
vue-cli-service build --target wc

这将生成一个 Web 组件,可以通过 <script type="module"> 标签引入。

4. 构建目标配置

你还可以通过 --target 选项的附加参数来对构建目标进行更详细的配置。例如,如果你希望将构建的输出放在一个特定的目录中,可以使用 --target lib --dest my-lib。

总的来说,Vue CLI 的构建目标提供了一种强大的机制,以根据不同的需求生成不同类型的输出。你可以根据项目的特性和部署环境来选择适当的构建目标。


转载请注明出处:http://www.zyzy.cn/article/detail/4833/Vue