Vue js通过Webpack将包捆绑成几个文件

Question

我可以通过几个文件上的wabpack拆分vue生成文件。我需要使用没有其他组件的登录页面。如果我有像这样的结构：

• 部件
  • Login.vue
  • Home.vue
  • 等

在构建目录中我想要

• JS
  • 束
  • login_bundle
• CSS
  • 的main.css
  • login.css
• 的index.html
• 的login.html

让webpack具备这方面的能力吗？

Answer 1

尝试急切导入。

$(document).ready(function () {
    $('#datatable1').dataTable({
        fnDrawCallback: function () {
            if ($(this).find('.dataTables_empty').length == 1) {
                $('th').hide();
                $('#datatable1_info').hide();
                $('#datatable1_paginate').hide();
                $('.dataTables_empty').css({ "border-top": "1px solid #111" });

            } else {
                $('th').show();
                $('#datatable1_info').show();
                $('#datatable1_paginate').show();
            }
        }, "oLanguage": { "sZeroRecords": "<p style='margin:0px !important'><a href='#' class='btn btn-success'>Add new</a></p>" }
    });
});