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