webpack 在 vue CLI 中有什么用?



好的,所以我无法理解"webpack"在 Vue CLI 的 conext 中给出了什么值。

我刚刚在全球范围内安装了 vue cli。

然后我手动创建了一个目录并在其中创建了一个 c1.vue 文件。使用模板、脚本和样式标签以及相关代码。

我使用命令vue build --prod --lib c1.vue编译了它,它生成了一个C1.css和一个C1.js文件。

我只需将这些文件添加到我的自定义索引.html文件并使用 cdn 使用 vue,一切正常!

那么网络包的意义何在?

我使用命令vue build --prod --lib c1.vue编译了它,它产生了一个 C1.css 和一个 C1.js 文件。

那么,谁为你制作了这些文件呢?webpack 和 vue-loader 当然是:D

根据vue-cli文档:

当输入文件以扩展名结尾时.vue我们使用默认的应用条目来加载给定的组件,否则我们将其视为普通的 webpack 条目。

https://github.com/vuejs/vue-cli/blob/master/docs/build.md

作为 Vue CLI 3 和这篇博文,Webpack 仍在使用,但在幕后,因为它被抽象到每个插件,然后在运行时合并到单个配置位置。

当你安装你的第一个 Vue CLI 3 项目和 请参阅项目根目录中没有 webpack.config.js。这是因为 Vue CLI 3 的大多数项目配置都抽象为插件 并在运行时合并到基本配置中。

Vue CLI 将 Webpack 的复杂性抽象到每个插件中。您仍然可以构建自己的模板并调用 Webpacks 插件,但使用正确的vue.config.js文件。

相关内容

  • 没有找到相关文章

最新更新