javascript - 如果 Vue.js 项目使用单文件组件，是否意味着无法从 CDN 加载 vue 库？

Question

我从https://github.com/Ethiel97/simple-chart-vue下载了一个教程 ，好像是用 vue-cli 构建的

我想将其转换为通过 CDN 加载 Vue。我不知道在哪里插入代码以从 CDN 加载 Vue 库，因为由于使用了单文件组件 .vue 文件，因此没有 HTML 代码。

在哪里插入以下代码？

<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.1/Chart.min.js"></script>
<script src="https://unpkg.com/vue-chartjs/dist/vue-chartjs.min.js"></script>

如果Vue代码使用SFC（单文件组件），它不能通过CDN加载js库，我对吗？

标签： javascriptvue.jsvuejs2vue-sfc

Answer 1

使用单文件组件并不重要。在生产环境中，您需要使用Webpack等模块捆绑器将您的应用程序编译为单个 app.js 和 app.css。通过这样做，您将能够在 HTML 代码中附加 JS 和 CSS 文件，并且它将与 CDN 兼容。