时间戳

首页 > 解决方案 > 是否可以在没有 vue-cli 的情况下构建 vue 应用程序？

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

问题描述

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

标签： vue.jswebpackbuild

解决方案

是的当然。

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 文件中引用的模块，如图像和字体

推荐阅读