# 使用 Yarn 编译 dist 的入门指南
在前端开发中，使用构建工具进行项目打包是非常重要的一步。本文将为刚入行的小白详细讲解如何通过 `yarn` 进行项目的编译，并生成 `dist` 目录。通过这一过程，你将能够理解构建工具的工作原理，掌握基础的命令行操作，并学习到使用 `yarn` 的基本方法。
## 一、整个流程概述
在进行编译之前，我们需要了解整个过程的基本步骤。以下是一个简
原创
2024-09-16 05:18:15
154阅读
目录一.去到vite.config.ts文件1.添加内容2.解释3.打包二.本地开启http-server服务1.全局安装http-server1.1可以通过如下命令查看是否安装http-server1.2使用如下命令安装2.进入项目启动服务3.查看效果一.去到vite.config.ts文件1.添加内容build: {
outDir: 'dist',
sourcemap: fal
1 优势 mpvue 提供 vuex 进行数据状态管理，能满足复杂应用状态管理需求，这是其他框架都不具备的 2 新建项目 A Mpvue project # 初始化项目 vue init mpvue/mpvue-quickstart myproject cd myproject # 安装依赖 npm ...
转载
2021-10-15 10:23:00
202阅读
2评论
1、查看当前mpvue版本打开小程序项目，在package.json文件中可以看到mpvue当前的
原创
2023-02-04 08:50:49
121阅读
当设计一个框架的时候，我们有三种选择：纯运行时的、运行时 + 编译时的或纯编译时的。纯运行时我们先聊聊纯运行时的框架。假设我们设计了一个框架，它提供一个 Render 函数，用户可以为该函数提供一个树型结构的数据对象，然后 Render 函数会根据该对象递归地将数据渲染成 DOM 元素。我们规定树型结构的数据对象如下：// 树型结构的数据对象
const obj = {
tag: "div",
前言 mpvue是一款使用Vue.js开发微信小程序的前端框架。使用此框架，开发者将得到完整的 Vue.js 开发体验，同时为H5和小程序提供了代码复用的能力。如果想将 H5 项目改造为小程序，或开发小程序后希望将其转换为H5，mpvue将是十分契合的一种解决方案。 目前，mpvue已经在美团点评多
原创
2021-07-19 17:10:40
721阅读
转载
2019-02-18 18:03:00
79阅读
2评论
文章目录需要python2的环境，使用下面命令npm install -g node-gypnpm install -globabl -production windows-build-tools2.需要mpvue-entrynpm i m
原创
2022-07-06 17:10:13
72阅读
自学中的对nginx的一些自我认识。是什么？ 代理服务器:一般是指局域网内部的机器通过代理服务器发送请求到互联网上的服务器,代理服务器一般作用在客户端。做什么用？ 1、静态资源文件可以部署到此服务器上 2、邮
display属性共有4个值：blcok：块级元素 inline-block：行内块级元素 inline：行内元素 none：隐藏元素，不占据空间1.块级元素常见的块级元素有div,p,ul,ol,li,h1~h6等 块级元素会默认占满父元素的宽度且独占一行<div>
<p>尽可能的占满父元素的宽度</p>
</div>2.行内元素常见的行内
转载
2024-10-17 21:36:58
13阅读
我们在上一篇文章《作用域》中简单讲过“变量提升”，今天来讲一下预编译，这对我们深入理解变量提升会有帮助。JavaScript 运行三部曲语法分析预编译解释执行预编译前奏在讲预编译前，我们先来普及下面两个规律。两个规律规律1：任何变量，如果未经声明就赋值，此变量是属于 window 的属性，而且不会做变量提升。（注意，无论在哪个作用域内赋值）比如说，如果我们直接在代码里写 console.
文章目录1. jni的注册以及编译1.1 静态注册jni1.1.1 使用Android Studio创建NDK开发工程1.1.2 手动创建jni源文件1.2 动态注册jni1.3 jni编译的重要文件CMakeLists.txt2. Jni接口编写2.1 Jni的特殊描述符以及主要变量2.1.1 Jni中的特殊描述符2.1.2 JNIEnv和jobject类型总结2.2 Jni的主要函数2.3
Java编译基本流程 文件 》编译器 》字节码（class文件） 》类装载器 》字节码校验器 》解释器 》操作系统平台 ...
转载
2021-10-03 23:23:00
76阅读
2评论
1:maven 引用jar包<!--redis pom-->
<dependency>
<groupId>redis.clients</groupId>
<artifactId>jedis</artifactId>
</dependency&
转载
2024-06-04 09:20:55
70阅读
libiconv 库编译1、去http://ftp.gnu.org/pub/gnu/libiconv/下载源码包，本文使用的是libiconv-1.15.tar.gz2、新建libiconv空的控制台工程 （1）将下载的库中lib文件夹下的所有文件拷贝到工程目录下 （2）将库中include文件夹下iconv.h.in文件重命名为iconv.h放在工程目录下 （3）将拷贝到工程目录下的con
转载
2024-06-24 18:53:49
115阅读
linux之lamp环境的搭建 1.安装lamp环境的安装工具我们的lamp环境都是采用源码包进行编译安装:编译安装需要工具gcc gcc-c++.建议在线联网安装:yum -install -y gcc gcc-c++ (安装多个用空格隔开即可)测试有没有安装成功,在命令行输入gcc --version测试,出现以下界面代表安装成功: &n
转载
2024-06-21 07:47:47
20阅读
mpvue使用echarts 在mpvue中开发小程序中，mpvue官方出了一套适用于mpvue使用的eecharts，叫mpvue-echarts； 值得一提的是，原生小程序使用的是echarts-for-weixin，具体地址如下： https://github.com/ecomfe/echar ...
转载
2021-09-16 11:24:00
467阅读
2评论
1. 初始化一个 mpvue 项目现代前端开发框架和环境都是需要 Node.js 的，如果没有的话，请先下载 nodejs 并安装。然后打开命令行工具：# 1. 先检查下 Node.js 是否安装成功$ node -vv8.9.0$ npm -v5.6.0# 2. 由于众所周知的原因，可以考虑切换源为 taobao 源$ npm set registry https:/
原创
2022-10-28 08:52:12
64阅读
转载
2019-02-18 13:57:00
78阅读
2评论
一、页面分析今天就说一些开场白了，直接进入主题。首先，打开目标网址：P站 （未成年人禁止入内嗷（手动滑稽）） 结构和贴吧差不多呀，肯定要分两步。 第一步：通过主详情页，拿到各个子详情页的。 右击 页面进行检查，发现了每个子页面对应的article节点，点开一个article节点进行观察，很容易发现，里面有一个跳转。目标一，get！第二步，拿到每个图片的下载。 右击检
转载
2023-12-28 22:57:13
96阅读
