asp.net-mvc - ASP.NET MVC 5 Bundler 考虑过导入语句吗？

Question

我有一个关于 ASP.Net MVC 5 中的 bundler 的问题。

据我所知，您可以使用 bundler 进行捆绑和缩小。目前我正在研究 vue-tempate，并且在开头有很多导入语句，例如:

import Vue form "vue";

所以我的问题是 bundler 是否解析了最终输出文件中的此导入语句？这样我就不必包含

<script src="https://cdn.jsdelivr.net/npm/<a href="https://stackoverflow.com/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="1167647451233f243f2026" rel="noreferrer noopener nofollow">[email protected]</a>/dist/vue.js"></script>

我在 Google 上没有找到明确的答案。

目前我使用 webpack 来实现这一点，但我想知道这是否真的有必要。

请注意，这与哪种方法更好无关，我只是想知道标准 bundler 是否能够执行相同的操作。

Answer 1

混合 MVC 和框架 JS 很难知道您在服务器端和客户端之间包含什么。

如果您使用App_Start/BundleConfig ，您可以创建一个虚拟路径来在 _Layout 框架中引用一次，如下例所示:

        bundles.Add(new Bundle("~/bundles/vue").Include(
            "~/Scripts/lib/vue/vue.min.js",
            "~/Scripts/lib/vue/vue-resource.min.js",
            "~/Scripts/lib/vue/vue-router.js",
            "~/Scripts/lib/vue/vue-mask.js",
            "~/Scripts/lib/vue/v-calendar.min.js",
            "~/Scripts/lib/vue/vue-config.js"
            ));

您可以导入您的Vue每次有必要时，webpack 都会生成与示例所示相同的包。

如果问题只是<script src="https://cdn.jsdelivr.net/npm/<a href="https://stackoverflow.com/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="3d4b48587d0f1308130c0a" rel="noreferrer noopener nofollow">[email protected]</a>/dist/vue.js"></script>在每个模板 View 中，然后您可以将其添加到 _Layout 上并使用 https://cdn.jsdelivr.net/npm/<a href="https://stackoverflow.com/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="89fffcecc9bba7bca7b8be" rel="noreferrer noopener nofollow">[email protected]</a>/dist/vue.min.js