如何解决有没有办法在 Vue 配置中以对象数组的形式提供条目?
我目前在使用 Webpack 4 的 @vue/cli 4.4.6
。我最初想使用 pages 以多页模式构建应用程序。但是,当我查看构建文件时,我注意到在给定入口点的公共块中包含文件,即使它们没有在该入口点中使用,我在Webpack Github 存储库。看起来这是 Webpack 4 中的一个错误。看起来有一个 issue 使用数组配置用于 entry
与单个配置:
单个配置失败 DCE
module.exports = {
entry: {
app1: "./app1.js",app2: "./app2.js"
}
}
阵列配置适用于 DCE
module.exports = ["app1","app2"].map((name) => ({
entry: {
[name]: `./${name}.js`
}
}));
然而,当在 pages
中使用 vue.config.js
时,生成的 Webpack 配置会产生单一的配置格式。我还尝试使用 chainWebpack
,并通过 config.entry(name).add(entry)
添加每个条目,但这似乎产生了相同的结果。我尝试做一些更接近示例的事情:
module.exports = ['home','otherpage'].map((name) => ({
entry: {
[name]: pages[name].entry
}
}))
但是,类型似乎不匹配。我认为 Vue 期望 module.exports
是一个对象而不是一个数组。
所以,我想知道是否有办法以这种方式设置配置,或者是否有任何其他选项我必须使用多页设置进行摇树操作。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。