好的,所以我无法理解"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
文件。