在 vue-cli 3.0 如何生成完整的 webpack.config.js

Posted 2023-02-22

【中文标题】在 vue-cli 3.0 如何生成完整的 webpack.config.js

【英文标题】：in vue-cli 3.0 how to generate complete webpack.config.js

【发布时间】：2019-03-17 00:13:26

【问题描述】：

在vue-cli-3.0中，如何生成完整的webpack.config.js。 我曾尝试担任导师，但因错误而失败 我的试用代码如下。

import a from "@vue/cli-service/webpack.config.js"
console.log(a)

报错如下，不知道为什么不行。

"赋值中的左侧无效 在 Object../node_modules/@vue/cli-service/lib/Service.js"

这是一个错误吗？

【参考方案1】：

不能，webpack 配置是由 vue cli 和插件动态组成的。

如果您需要调整配置，可以在vue.config.js 中进行，如here 所述

您也可以使用vue inspect 查看已解析的配置。

请注意，输出不是有效的 webpack 配置文件，它是一种仅用于检查的序列化格式。

【讨论】：

非常感谢，我已经按照您说的进行了尝试。

但我还有一个问题。你知道这是什么意思吗link

而且，'注意输出不是有效的 webpack 配置文件，它是一种仅用于检查的序列化格式。'意思是，那么哪一部分可能是不正确的？

“vue inspect”的输出可以让你看到最终的配置选项是什么，这样你就可以测试 vue.config.js 是否做出了你想要的改变。但是你不能在另一个项目中将它作为 webpack.config.js 使用。

那么，如果我想生成一个可以在另一个项目中使用的webpack.config.js，我应该怎么做呢？