构建Web组件时，如何解决“您正在开发模式下运行Vue”？

Question

我正在使用VueJS构建一个Web组件，除了使用基本示例的几个博客之外，还使用我在CLI的帮助屏幕中找到的以下命令，很难在线查找其文档：

vue-cli-service build --mode production --target wc --name creador-publico src/views/CreadorPublico.vue

（我将模式强制为生产模式，即使它默认为生产模式也如此）

...但是无论我做什么，我都会得到：

该命令创建了一个HTML文件和2个JS，一个缩小了，一个没有，我尝试了两者，并得到了相同的结果。

我很想为Vue Web组件找到良好的文档，但似乎不存在。

Answer 1

该消息的出现取决于您在页面中包含 Vue 的方式，而不是 Web 组件本身的任何内容。

当您使用 --target wc 选项构建 Web 组件时，它会创建一个示例 demo.html 文件，如下所示：

<script src="https://unpkg.com/vue"></script>
<script src="path/to/my-element.js"></script>

<!-- use in plain HTML, or in any other framework -->
<my-element></my-element>

https://unpkg.com/vue 指向 Vue 的开发版本。

将此行更改为指向缩小版本的 Vue 将从控制台中删除此消息，例如：

https://unpkg.com/browse/vue@2.6.12/dist/vue.min.js

Answer 2

在初始Vue.config.productionTip = false;实例化之前使用new Vue。