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