文章 2023-11-16 来自:开发者社区

Vue系列教程(16)- 模块打包器(webpack)

1. 引言通过前面的章节,我们已经学会了Vue的事件内容分发,有兴趣的同学可以参阅下:《Vue系列教程(01)- 前端发展史》《Vue系列教程(02)- Vue环境搭建、项目创建及运行》《Vue系列教程(03)- Vue开发利器VsCode》《Vue系列教程(04)- VsCode断点调试》《Vue系列教程(05)- 基础知识快速补充(html、css、js)》《Vue系列教程(06)- Vue....

Vue系列教程(16)- 模块打包器(webpack)
文章 2023-10-24 来自:开发者社区

vue webpack/vite的区别

Vue.js 可以与不同的构建工具一起使用,其中两个主要的工具是 Webpack 和 Vite。以下是 Vue.js 与 Webpack 和 Vite 之间的一些主要区别:Vue.js 与 Webpack:成熟度:Webpack 是一个成熟的构建工具,已经存在多年,拥有大而强大的社区和生态系统支持。Vue.js 2.x 版本通常与 Webpack 一起使用,Vue CLI 2 生成的项目默认配置....

文章 2023-10-17 来自:开发者社区

[笔记]vue从入门到入坟《五》vue-cli构建vue webpack项目

参考:用vue-cli搭建vue项目vue-cli 项目结构目录简介前言一、Vue-cli介绍官网简单地说就是构建vue项目的工具包,通过vue-cli会自动构建vue项目的结构。二、开始2.0 下载安装npm 以及gitnpm安装npm(Nodejs软件包管理工具)官网下载地址下载后双击安装即可git安装下载地址安装git后 右键鼠标会发现git bash后面的npm 可以在gitbash中输....

[笔记]vue从入门到入坟《五》vue-cli构建vue webpack项目
文章 2023-09-28 来自:开发者社区

Webpack - Vue 配置开发环境与正式环境

在手动设置之前,可以看一下 Vue-Cli 官方的 环境变量和模式 。通常开发运行项目时候只需要一个development(开发环境),打包时候却可能需要多种环境(测试环境、uat环境、正式环境),那么我们就需要添加支持多种环境的包,其实也就是每个一个环境对应一个配置文件。新建一个Vue项目 Vue升级3.x以及项目创建vue create vue-webpack-test创建完成之后是这样的:....

Webpack - Vue 配置开发环境与正式环境
文章 2023-09-06 来自:开发者社区

vue+webpack项目动态设置页面title的方法

一、首先看一下webpack中如何设置页面的title1、webapck主要是利用HtmlWebpackPlugin 替换 html页面 的 title,在vue项目中,安装HtmlWebpackPlugin插件npm install html-webpack-plugin --save-dev安装成功后,package.json 这个文件会多出一行 "html-webpack-plugin":....

vue+webpack项目动态设置页面title的方法
文章 2023-08-10 来自:开发者社区

Vue+Webpack+css预处理开发单页应用

最近 Vue 越来越火了, 知乎上到微博上, 越来越多的人在用它. 之前有学过一点 NG1 , 相比 NG1, VUE 的 API 十分简单.再通过使用 Vue 全家桶, 可以进行更高效的开发. 以下是使用 Vue 全家桶(VueJS + VueRouter + Vuex + Webpack) 开发出来 SPA(单页应用) 的一些过程. 使用的是 豆瓣的公共 API .安装 Webpack既然要....

Vue+Webpack+css预处理开发单页应用
文章 2023-08-07 来自:开发者社区

2023年最新前端面试题汇总大全二(含答案超详细,Vue,TypeScript,React,微信小程序,Webpack 汇总篇)-- 持续更新 7

九、Webpack 篇1. 谈谈你对Webpack的理解(Webpack是什么?)Webpack 是一个 静态模块打包器,可以分析各个模块的依赖关系,项目中的所有资源皆为模块,通过分析模块间的依赖关系,在其内部递归构建出一个依赖关系图,其中包含应用程序需要的每个模块,然后将这些模块打包成一个或多个 bundle。最终编绎输出模块为 HTML、JavaScript、CSS 以及各种静态文件(图片、....

2023年最新前端面试题汇总大全二(含答案超详细,Vue,TypeScript,React,微信小程序,Webpack 汇总篇)-- 持续更新 7
文章 2023-08-07 来自:开发者社区

2023年最新前端面试题汇总大全二(含答案超详细,Vue,TypeScript,React,微信小程序,Webpack 汇总篇)-- 持续更新 6

八、微信小程序1. 请谈谈WXML与标准的html的异同?(1) WXML是小程序框架设计的一套标签语言,用来构建小程序页面的结构,其作用类似于网页开发中的html① 都是用来描述页面的结构② 都由标签,属性等构成③ 标签名字不一样,且小程序标签更少,单一标签更多④ 小程序多了一些wx:if这样的属性以及{{}}这样的表达式⑤ WXML仅能在微信小程序开发者工具中预览,而HTML可以在浏览器内预....

2023年最新前端面试题汇总大全二(含答案超详细,Vue,TypeScript,React,微信小程序,Webpack 汇总篇)-- 持续更新 6
文章 2023-08-07 来自:开发者社区

2023年最新前端面试题汇总大全二(含答案超详细,Vue,TypeScript,React,微信小程序,Webpack 汇总篇)-- 持续更新 5

18.react 和 vue 有什么区别?区别:React 的思路是 HTML in JavaScript 通过 JavaScript 来生成 HTML,所以设计了 JSX 语法,还有通过 JS 来操作 CSSVue 是把 HTML,CSS,JavaScript 组合到一起,用各自的处理方式,Vue 有单文件组件,可以把 HTML、CSS、JS 写到一个文件中,HTML 提供了模板引擎来处理。R....

2023年最新前端面试题汇总大全二(含答案超详细,Vue,TypeScript,React,微信小程序,Webpack 汇总篇)-- 持续更新 5
文章 2023-08-07 来自:开发者社区

2023年最新前端面试题汇总大全二(含答案超详细,Vue,TypeScript,React,微信小程序,Webpack 汇总篇)-- 持续更新 4

1.react理解React,用于构建用户界面的 JavaScript 库,只提供了 UI 层面的解决方案 ,是渐进式框架特性: JSX 语法 , 单向数据绑定 , 虚拟 DOM , 声明式编程 ,组件化开发2.react-router 里的 标签和 标签有什么区别?react-router 接管了其默认的链接跳转行为,与传统的页面跳转有区别的是,Link 的 “跳转” 行为只会触发相匹配的对应....

2023年最新前端面试题汇总大全二(含答案超详细,Vue,TypeScript,React,微信小程序,Webpack 汇总篇)-- 持续更新 4

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

开发与运维

集结各类场景实战经验,助你开发运维畅行无忧

+关注