是否可以在没有 vue-cli 的情况下构建 vue 应用程序？

Question

就像标题本身所说的那样。是否可以借助 webpack 而无需 vue cli 来构建 vue 应用程序？如果不是，为什么？据我了解 vue-cli 也使用 webpack 来构建他们的文件。

Answer 1

是的当然。

vue-cli 在底层使用 webpack，但它使用合理的默认值抽象了所有繁琐的 webpack 配置，因此您可以专注于编写应用程序。

如果你需要改变你的应用程序的构建方式，例如你想压缩图像资产，那么除非vue-cli为你的特定需要提供一个配置选项，那么你将不得不以某种方式改变 webpack 配置（例如添加一个新的加载器或更改现有加载程序的配置等）。vue-cli确实公开了一些方法来做到这一点，但你不能从一开始就完全控制 webpack 构建。

我通常对如何构建我的 Web 应用程序有非常具体的要求，所以我选择了 DIY webpack 解决方案，以便我可以完全控制构建的所有方面。

如果您不想使用vue-cli但仍想使用 webpack，那么至少我会建议以下软件包：

• webpack
• vue
• vue-loader用于编译和捆绑.vue单个文件组件
• babel-loader 用于转译 JavaScript
• file-loader 对于图像资产
• style-loader 用于在运行时将样式注入 DOM
• css-loader 用于加载 CSS 文件中引用的模块，如图像和字体