个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
24
4
我在 Vue 中有一个很大的项目，因此我们使用 Webpack 配置将代码分成 block ，但是当我使用 vue-cli-service 构建项目时，它会生成预取/预加载所有 block 的 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 根据需要导入其他 block 。那时，我没有使用 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>
我想构建我的项目并拥有一个可以导入到另一个 HTML 文件中的 JS 文件，它将充当启动文件。
我在所有导入中只需要 System.import 吗？ vue-cli-service 还有其他配置吗？
最佳答案
插入到 index.html 中的预加载和预取脚本(由 @vue/preload-webpack-plugin )可以通过 chainWebpack 禁用，在 index.html 中仅生成一次 app.js 的 JavaScript 导入:
// vue.config.js
module.exports = {
chainWebpack: config => {
config.optimization.delete('splitChunks') // no vendor chunks
config.plugins.delete('prefetch') // no prefetch chunks
config.plugins.delete('preload') // no preload chunks
}
}
关于javascript - 如何为 VueJS 创建单条目 JS 文件，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/58738764/
24
4
0
我是一名优秀的程序员,十分优秀！