使用 vue-cli 3.X 创建基于 web-pack 简单模板的 vue 应用

Posted 2023-02-23

【中文标题】使用 vue-cli 3.X 创建基于 web-pack 简单模板的 vue 应用

【英文标题】：Creating a vue app based on web-pack simple template using vue-cli 3.X

【发布时间】：2018-12-14 22:52:32

【问题描述】：

我正在关注有关创建 SPA 的网站上的教程。在某些时候，它会指示以这种方式初始化 vue 应用程序：

vue init webpack-simple my-project

这对我不起作用。经过 1 小时的堆栈溢出搜索后，我发现 vue-cli 3.x（我正在使用的版本）的语法已经改变，现在我必须使用：

vue create my-project

我的问题是，如何基于 webpack-simple 模板初始化项目。这种启动/创建项目的方式在执行命令时会询问一些问题，但它没有说明 webpack。所以，我有点困惑。

提前致谢。

【问题讨论】：

你真的想要在你的项目中使用 webpack-simple 吗？

“这对我不起作用。”你能解释一下你遇到了什么问题吗？

初始化项目并自己寻找。在 cli 3.0 中，您没有严格的模板，而是基于 webpack 的向导或标准包，可以被视为“简单”。

【参考方案1】：

vue cli 3 继续实现基于插件的方法，而不是基于模板的方法。

如果您仍想使用init 创建项目，您可以安装全局网桥：

npm install -g @vue/cli-init
# vue init now works exactly the same as vue-cli@2.x
vue init webpack-simple my-project

参考 - Pulling 2.x template

vue cli 3 创建的项目在后台使用 webpack。 webpack 配置（webpack.config.js）是在运行时创建的。 你应该使用vue.config.js来配置webpack

【讨论】：

啊，这是我需要的确认 :)。所以，我将使用 vue-cli 3.x 的方式！谢谢。