前后端未分离的项目如何引入vue、es6

负责维护新公司的，就是那种功能特别多逻辑非常乱的上古遗留项目，重构基本不大现实，但是想引入vue再做些组件化拆分好歹逻辑能清晰些提升些代码的可维护性
基本框架是由c#+jquery+easyui构成
vue可以直接引入倒还好说，但是vue for easyui只能用npm安装，es6也要babel转码都没法直接用，请问各位老司机有什么比较好的处理方案吗

阅读 5.2k

前端用vue-cli3照常做后端cs读取打包后index.html中的css和js 输出到页面上就可以了

前端用全局注册好的异步组件即可

Main.Master.cs

    public partial class Main : System.Web.UI.MasterPage
    {
        public string JsList = string.Empty;
        public string CssList = string.Empty;

        protected void Page_Load(object sender, EventArgs e)
        {
            var html = System.IO.File.ReadAllText(Server.MapPath("~/index.html"), Encoding.UTF8);
            CssList = GetValues(Regex.Matches(html, @"<link [^>]+>"));
            JsList = GetValues(Regex.Matches(html, @"<script .*?</script>"));
        }

        static string GetValues(MatchCollection mc)
        {
            var sb = new StringBuilder();
            foreach (Match m in mc)
            {
                sb.Append(m.Value);
            }
            return sb.ToString();
        }
    }

Main.Master

<!DOCTYPE html>

<html>
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <asp:PlaceHolder ID="PlaceHolder1" runat="server">
        <%= CssList %>
    </asp:PlaceHolder>
    <asp:ContentPlaceHolder ID="head" runat="server">
    </asp:ContentPlaceHolder>
</head>
<body>
    <%= JsList %>
    <asp:ContentPlaceHolder ID="content" runat="server">
    </asp:ContentPlaceHolder>
</body>
</html>

前后端未分离的项目如何引入vue、es6

你尚未登录，登录后可以

js 如何将Key属性相同的放在同一个数组？

vue项目如何在初始化之前跳转外部页面？

js如何控制移动端overflow:scroll容器滑动的最大速度？

前端代码更新如何通知用户刷新页面？

vue2.6，打包后app.js，8M,chunk.js，6M，加载打开页面很慢，有什么办法减少，打开页面快一些？

Element Plus表格组件如何呈现复杂布局如图？

多个vue项目，后台接口都是一样的，每个vue项目的同一个页面都只是一小部分修改，怎样把公共的代码提出来复用？