vuecli和webpack什么关系(vuecli和@vuecli)

vue和vue-cli是什么关系?

vue-cli相当于脚手架, 给你自动生成模板工程 ;vue-router是 vue路由插件, 支持你单页应用的 ;vue-loader是webpack下loader插件, 可以把.vue文件 输出成组件。

学习,是指通过阅读、听讲、思考、研究、实践等途径获得知识和技能的过程。学习分为狭义与广义两种:

狭义:通过阅读、听讲、研究、观察、理解、探索、实验、实践等手段获得知识或技能的过迟冲程,是一种使个体可以得到持续变化(知识和技能,方法与过程,情感与价值的改善和升华)的行为方式。例如通过学校教育获得知识的过程。

广义:是人在生活过程中,通过获得经验而产生的行为或行为潜能的相对持久为方式。

社会上总会出现一种很奇怪的现象,一些人嘴上埋怨着老板对他不好,工资待遇太低什么的,却忽略了自己本身就是懒懒散散,毫无价值。

自古以来,人们就会说着“因果循环”,这话真不假,你种什么因,就会得到什么果。这就是不好好学习酿成的后果,那么学习有什么重要性呢?

物以类禅尺聚人以群分,什么样水平的人,就会处在什么样的环境中。更会渐渐明白自己是什么样的能力。了解自己的能力,交到同水平的朋友,自己个人能力越高,自然朋友质量也越高。

在大多数情况下,学习越好,自身贺旦高修养也会随着其提升。同样都是有钱人,暴发户摆弄钱财只会让人觉得俗,而真正有知识的人,气质就会很不一样。

高端大气的公司以及产品是万万离不了知识的,只有在知识上不输给别人,才可以在别的地方不输别人。

孩子的教育要从小抓起,家长什么样孩子很大几率会变成什么样。只有将自己的水平提升,才会教育出更好的孩子。而不是一个目光短浅的人。

因为有文化的父母会给孩子带去更多的在成长方面的的帮助,而如果孩子有一个有文化的父母,通常会在未来的道路上,生活得更好,更顺畅。

学习是非常的重要,学习的好坏最终决定朋友的质量、自身修养和后代教育等方面,所以平时在学习中要努力。

vuecli和webpack什么关系(vuecli和@vuecli)  第1张

webpack和vue-cli之间有什么关系呢?

项目示例地址:

项目运并吵行绝昌侍:

下载项目之后

# 下载依赖 npm install # 运行 npm run dev 一、开发环境迅轿

webpack打包生产环境,复制文件的配置管理(如/public/)

一个 web端 和 桌面端 公用的工程,某些文件不需要或者无法用 wekpack 压缩,放入 /public/ 文件夹( Vue 工程),而该文件夹不会经过处理,直接复制到生产目录。

控制生产包的体积:根据运行环境( web || 桌面 ),甚至 客户端 版本,消减 客户端 体积。

比如 /public/ 中有 桌面端 才需让笑销要的 .dll ,但是 web端 也会打包生成出来。

vue-cli 包装了 webpack ,文件打包必然是跟它有关系。 审查 webpack 的配置:

在 output.js 内搜索 public ,找到最可能相关的一升族项 CopyPlugin

查阅该插件文档确认它正是我要找的

查阅配置项,发现 ignore 属性可以控制不去复制坦游哪些资源到目的地

打开 vue.config.js 文件,这可以自定义打包配置

首先为了更自由,选择高级一些的 chainWebpack 来改配置

更细腻的控制请翻阅插件主页 CopyWebpackPlugin

如需控制打包中某些文件的直接复制过程,可以通过配置 webpack 的 CopyWebpackPlugin 来达到目的。

请问一下:vue,webpack,Node.js三者有什么联系呢?

vue是一种js框架,wepack是掘者打包工具,nodejs也是js后台框架,三者就相当于是虚散信表兄弟,表兄妹的关系,没有直系亲差轮属的关系。

一篇文章说清 webpack、vite、vue-cli、create-vue 的区别

先看这个表格:

是不是有了一个整体的感觉?我们再来详细的看一下。

官网:

vue-cli 是 Vue 早期推出的一款脚手架,使用 webpack 创建 Vue 项目,可以选择安装需要的各种插件,比如 Vuex、VueRouter等。

vue-cli 用于创建 vue2 的项目;

@vue/cli 用于创建 vue3 的项目,当然也支持 vue2。

使用起来还是比较繁琐的,首先要安装脚手架,然后使用 vue create hello-world 创建项目,具体的就不介绍了丛绝颂。

官网:

create-vue 是 Vue3 的专用脚手架,使用 vite 创建 Vue3 的项目,也可以选择安装需要的各种插件,使用更简单。

然后我们可以选择需要的各种插件:

官网:

使用 vite 不仅可以创建 vue 的项目,而且可以创建 react 等项目,只是需要手动渗郑安装第三方插件,有点麻烦。

目前支持的模板预设如下:

官网:

rollup 是一种打包工具,特点就是,打的包非常精简,体积小。

官网是英文的,中文资料也比较少,不过好在常规用法可以参考 vite的官网。

尤雨溪在知乎的一次回答( )里提到:

webpack 是一个全能选手宏颂,啥都能干,只是有点复杂,对新手不太友好。

Rollup 是后起之秀,打包更简洁。

vite 把 rollup 变成了“开袋即食”,便于新手入门。

create-vue 基本取代了 vue-cli,除非你想创建 vue2 的项目。

所以,想创建一个 vue3 的项目,首选 create-vue,非常方便快捷,建立的项目也可以统一风格。

以上内容为新媒号(sinv.com.cn)为大家提供!新媒号,坚持更新大家所需的前端知识。希望您喜欢!

版权申明:新媒号所有作品(图文、音视频)均由用户自行上传分享,仅供网友学习交流,不声明或保证其内容的正确性,如发现本站有涉嫌抄袭侵权/违法违规的内容。请发送邮件至 k2#88.com(替换@) 举报,一经查实,本站将立刻删除。

(0)
上一篇 2023-09-23 12:49
下一篇 2023-09-23 12:49

相关推荐

发表回复

登录后才能评论