在vue CLI中使用webpack有什么用?

问题描述 投票:0回答:2

好的,所以我无法理解“webpack”在Vue CLI的上下文中给出的值。

我刚刚在全球安装了vue cli。

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

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

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

那么webpack的重点是什么?

webpack vue.js vue-cli
2个回答
2
投票

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

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

根据vue-cli doc:

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

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


1
投票

作为Vue CLI 3并且根据这个blog post,仍然使用Webpack,但是在幕后,因为它被抽象到每个插件,然后在运行时合并到单个配置位置。

安装第一个Vue CLI 3项目并看到项目根目录中没有webpack.config.js时,您可能会感到宽慰。这是因为Vue CLI 3的大多数项目配置都被抽象为插件,并在运行时合并到基本配置中。

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

© www.soinside.com 2019 - 2024. All rights reserved.