如何为VueJS创建单入口JS文件

我在Vue中有一个项目会很大,因此我们使用Webpack配置将代码分成多个块,但是当我使用vue-cli-service构建项目时,它会生成一个index.html预取/预加载所有块。我不想使用此index.html。我需要Vue的单个入口文件,该文件将启动应用程序并根据要求导入其他文件。

我在Webpack中尝试过splitChunks: false,但没有帮助:

configureWebpack: {
   optimization: {
     splitChunks: false
   }
}

试图删除其他导入并仅保留app.js,但这也无济于事。

我们正在使用import(/* webpackChunkName: "login" */ './views/Login.vue'),但并非在所有组件中都使用

我以前有另一个Vue项目,该项目按我想要的方式工作:仅app.jsvendor.js根据需要导入其他块。那时,我没有使用vue-cli-service;而不是简单的Webpack配置和所有导入路由文件的组件中的System.import( /* webpackChunkName: "Login" */ '@/components/pages/login/Login.vue')

<html>
...
    <body>
        <div id=app></div>
        <script type=text/javascript src=/static/js/vendor.2f58f4045cb046ff1dac.js>
        </script>
        <script type=text/javascript src=/static/js/app.877179012e83c1c97b77.js>
        </script>
    </body>
</html>

我想构建我的项目,并拥有一个JS文件,可以将其导入另一个HTML文件中,它将用作启动文件。

所有导入中都只需要System.import吗?是否还有其他vue-cli-service配置?

zhongyi9927 回答:如何为VueJS创建单入口JS文件

可以通过@vue/preload-webpack-plugin禁用chainWebpack插入index.html中的预加载和预取脚本,从而仅在{{1 }}:

app.js
本文链接:https://www.f2er.com/3148844.html

大家都在问