在vue CLI中使用webpack的原因是什么?

时间:2017-08-07 09:06:31

标签: webpack vue.js vue-cli

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

我刚刚全局安装了vue cli。

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

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

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

那么webpack的重点是什么?

2 个答案:

答案 0 :(得分: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 :(得分:1)

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

  

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

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