好的,所以我无法理解什么价值" webpack"给出了Vue CLI的conext。
我刚刚全局安装了vue cli。
然后我手动创建了一个目录并在其中创建了一个c1.vue文件。使用模板,脚本和样式标签以及相关代码。
我使用命令vue build --prod --lib c1.vue
编译它,它产生了一个 c1.css 和一个 c1.js 文件。
我只是将这些文件添加到我的自定义index.html文件中,并使用cdn使用vue,一切正常!
那么webpack的重点是什么?
答案 0 :(得分:2)
我使用命令
vue build --prod --lib c1.vue
编译它,它产生了一个c1.css和一个c1.js文件。
那么,谁为你制作了这些文件? webpack和vue-loader当然:D
根据vue-cli
doc:
当输入文件以
.vue
扩展名结尾时,我们使用默认的app条目加载给定的组件,否则我们将其视为正常的webpack条目。
答案 1 :(得分:1)
作为Vue CLI 3并根据此blog post,仍然使用Webpack,但在幕后,因为Webpack被抽象到每个插件,然后在运行时合并到单个配置位置。
在安装第一个Vue CLI 3项目和 看到项目根目录中没有webpack.config.js。这是因为 Vue CLI 3的大多数项目配置都抽象为插件 并在运行时合并到基本配置中。
Vue CLI将Webpack的复杂性抽象到每个插件中。您仍然可以构建自己的模板并调用Webpacks插件,但是要使用适当的vue.config.js
文件。