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

标签 vue.js webpack build

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

最佳答案

是的当然。
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用于在运行时将样式注入(inject) DOM
  • css-loader用于加载 CSS 文件中引用的模块,如图像和字体
  • 关于vue.js - 是否可以在没有 vue-cli 的情况下构建 vue 应用程序?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59103389/

    相关文章:

    javascript - 在 Vue.js 中插入响应式 iframe 的 javascript 代码

    javascript - 如何不依赖 React/Webpack 3 应用程序中的相对路径

    webpack - 从 v4 替换 Webpack v5 中的进程的 polyfill

    vue.js - Vue 和 Webpack 中的动态导入路径

    c++ - 如何使用 cmake 使用不同的编译器构建多个可执行文件?

    android - 在 Gradle 产品 flavor 上调试签名配置

    vue.js - 当我尝试创建一个新的 Nuxt js 项目时,某些目录丢失了

    google-chrome - 在 Vue Dev Tools (vue2/vuex3) 中未检测到 Vuex store

    meteor - 未捕获的类型错误 : fs. readFileSync 不是函数

    javascript - vuejs - 使用谷歌地图的 Safari 浏览器导航