我在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.js
和vendor.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
配置?