1.WebPack的作用？为什么使用了VueCli后就用不到WebPack了？WebPack中loader和plugin的区别？2.Vue中事件总线的配置及使用？

最新推荐文章于 2022-11-20 20:32:22 发布
最新推荐文章于 2022-11-20 20:32:22 发布
阅读量411 收藏 1
点赞数
文章标签： webpack vue.js npm
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/rgmyrg/article/details/122091535
版权

WebPack的作用？为什么使用了VueCli后就用不到WebPack了？WebPack中loader和plugin的区别？

答：

1.

2.VueCli会帮你配置好webpack，所以再进行打包等操作时无需再自行配置webpack

3.

Loader有转换less文件，ES6转ES5等

Plugin有压缩丑化js文件等

Vue中事件总线的配置及使用？

答：

1.配置

2.使用

This.$bus.$emit()

This.$bus.$on()

3.移除（如果监听使用完后不进行销毁，那么每次进入组件时都会调用，所以要在使用完后或者组件毁灭前销毁）

完美的定义
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue（二）vue-cli和webpack的使用
你佳哥
12-24 507
基于：【狂神说Java】Vue最新快速上手教程通俗易懂 目录1 简介2 vue-cli使用2.1 安装node.js2.2 创建工程2.3 运行项目 1 简介 vue-cli官方提供的一个脚手架，用于快速生成一个vue的项目模板； 2 vue-cli使用 2.1 安装node.js 官网node.js 安装国内node源：npm install cnpm -g 安装vue-cli，使用命令：cnpm install vue-cli -g 2.2 创建工程 随便一个目录创建文件夹：Vue 执行：vue
Vue3/ Vue-cli底层是什么 为什么看不见 webpack.config.js文件 、Vue3组合式API(composition Api vs options Api)
m0_64494670的博客
01-06 772
Vue3/ Vue-cli底层是什么 为什么看不见 webpack.config.js文件 、Vue3组合式API(composition Api vs options Api)
脚手架vue-cli系列三：vue-cli工程webpack的作用和特点
weixin_30508241的博客
09-28 183
Vue项目开发过程中，会因为很多不同的实际运用需求不断地对webpack配置进行修改，在此之前，我们需要对webpack有一个基本的认识，了解它到底能为我们做些什么 webpack是一个模块打包的工具，它的作用是把互相依赖的模块处理成静态资源，如下图所示。. webpack的作用： ●　把依赖树按需分割； ●　把初始加载时间控制在较低的水平； ●　每个静态资源都应该成为一个模块； ...
vue UI 告别webpack配置
weixin_43617604的博客
05-27 266
vue UI 告别webpack配置 vue-cli 3.0 的候选版本也已经发布多时了。vue-cli 3.0 版本为我们提供了集 创建、管理、分析 为一体的可视化界面vue ui，妈妈再也不用担心我不懂配置啦让我们来一起尝尝鲜吧 #安装最新版的vue-cli npm install -g @vue/cli #yarn/npm 安装（二选一） yarn global add @vue/cli #检查vue-cli版本 vue -V #运行 vue ui vue ui 结
Vue和Webpack、loader、plugin详解
草木红的博客
05-15 2627
(一) 安装Webpack 安装webpack首先要安装Node.js（版本大于9.0），Node.js自带了软件包管理工具npm 查看自己的node版本： node -v 全局安装webpack（版本号为3.6.0，因为vue cli2依赖该版本） //检查自己是否安装了webpack webpack --version //如果没有安装则运行下边代码,梯子安装更快捷 npm install webpack@3.6.0 -g 局部安装webpack（后续才需要） //进入到对应的项目文件
详解vue-cli脚手架中webpack配置方法
12-03
Vue CLI 中的 Webpack 配置通常分为多个文件，如 `webpack.base.conf.js`（基础配置）、`webpack.dev.conf.js`（开发环境配置）和 `webpack.prod.conf.js`（生产环境配置）。这些配置文件定义了不同环境下的构建规则...
Vue + Webpack + Vue-loader学习教程之功能介绍篇
08-31
总结而言，Vue.js、Webpack 和 Vue-loader 的结合使用，为现代前端开发提供了一套高效、灵活的解决方案。Vue.js 提供了简洁的组件模型，Webpack 负责模块管理和打包，Vue-loader 则作为桥梁，让 Vue 组件可以无缝与 ...
vue-cli-plugin-bundle-tracker:Vue CLI 3插件，用于跟踪Webpack捆绑软件
05-12
此插件使用weback-bundle-tracker生成有关使用Vue CLI 3生成的Vue项目的Webpack捆绑包的元信息。 默认情况下，此文件生成一个webpack-stats.json文件，该文件在根文件夹中包含有关Webpack生成的包的元信息。 用法：...
使用webpack+vue.js构建前端工程化
01-27
通过node.js，开发者可以用JavaScript处理I/O、数据库操作和其他系统级任务，就像在Java或Python中那样。安装node.js和Visual Studio Code作为开发环境，可以便捷地进行Node.js开发。 2. **npm介绍** npm（Node ...
image-minimizer-webpack-plugin：Webpack加载器和插件，用于使用imagemin压缩图像
02-06
Imagemin Webpack 插件和加载器以优化（压缩）使用的所有图像 。 不用担心图像的大小，现在它们总是经过优化/压缩的。 image-minimizer-webpack-plugin 该插件使用优化图像。 入门 首先，您需要安装image-...
vue-cli创建的项目不需要再创建webpack-config.js文件，因为已经配置过了
奥巴牛的博客
10-11 1万+
很多人可能很疑惑，vue-cli创建的项目还需要创建webpack-config.js文件吗？好像看很多别人的例子都没有提到。其实，vue-cli已经配置过了，如下图所示：
vue-cli3.X 配置webpack plugins
qq_16570607的博客
02-14 7063
vue-cli3.X 配置webpack plugins vue2.X 版本webpack配置引入第三方插件 var webpack = require('webpack'); module.exports = { plugins: [ new webpack.ProvidePlugin({ $: 'jquery', //引入jquery jQuery: '...
Vue项目 成员管理系统 Vue-CLI脚手架构建项目 (1)
不是独角兽的博客
01-05 1319
一、环境搭建 使用vue-cli脚手架,脚手架中单独内置了webpack,不需要单独来装webpack再使用. 1.1 全局安装 Vue-CLI npm install -g @vue/cli 1.2 安装成功后,可以查看版本 vue -V //大写的V 二、创建项目 2.1 用vue创建msm的项目 vue create msm 注意: 使用vue-cli脚手架创建项目的时候,不要着急按回车选择,有些内容需要配置. ​ 第一行 为之前创建项目保留的配置的版本(之前没创
Vue - webpack vue/cli 脚手架
Cxil的博客
11-20 1313
概念：为什么要学webpack？思考1、以前写的网站，文件很多，体积很大？？2、有没有一种自动整合，压缩，剔除无用代码的技术？？小结1、减少文件数量2、压缩代码体积3、提高浏览器打开速度。（浏览器打开项目的速度）
vue-cli中terser-webpack-plugin应用实战
Run_youngman的博客
02-23 7974
说在前面 先来说一下这个插件的作用，引用官网的一句话，该插件使用 [terser](https://github.com/terser/terser) 来压缩 JavaScript。 我们项目主要用来去除生产环境中的console以及debugger等信息。 餐前小菜 值得注意的是，vue-cli在开发环境中TerserWebpackPlugin是不会生效的，所以在引入该插件时，即使我们希望只在生产环境中生效，不需要判断当前的环境。 应用初尝试 vue-cli对于TerserWebpackPlugin是有
Vue学习总结（三）：webpack和vue-cli
热门推荐
诗和远方
04-10 2万+
webpack Webpack 是一个前端资源的打包工具，它可以将js、image、css等资源当成一个模块进行打包。 中文官方网站：https://www.webpackjs.com/ 官网给出的解释： 本质上，webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(depen...
使用 Vue 脚手架，为什么要学 webpack？
前端人的博客
09-29 3175
先问大家一个很简单的问题： vue init webpack prjectName 与 vue create projectName 有什么区别呢？ 它们是 Vue-cli 2 和 Vue-cli3 创建项目的两个命令，之所以两个命令不同，根本原因是 Vue-cli2 是基于webpack 3，而 vue-cli3 是基于 webpack 4 的。 所以我们先介绍 webpack 是如何管理项目的，如何把项目中 js、css、html等是如何压缩转换文件？然后学习 vue-cli 2、vue-cli
手动搭建vue-cli环境，不使用webpack模板
m0_52673390的博客
02-15 1143
文章目录前言npm安装全局安装和本地安装的区别cnpm安装总结 前言     虽然学会了使用webpack模板进行安装vue-cli环境，但是有些情况下还是需要单独安装一些模块（组件），所以教程来了，准备好跟随我去探索了吗？ 如果不知道怎样使用webpack模板安装vue-cli环境，参考我另一篇博客:创建vue-cli2项目详解 npm安装     在安装之前首先创建一个新的文件夹，将即将创建的环境安装在当前文件夹中。 安
webpack中loader和plugin的区别是什么？
最新发布
07-09
在webpack中，loader和plugin是两个不同的概念。 Loader是用于处理各种文件的转换器，它可以将非JavaScript文件（如CSS、图片、字体等）转换为webpack能够处理的模块。Loader会在打包过程中被webpack自动调用，对...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值