这篇文章是以打包react插件的形式，介绍webpack的一些配置信息。如果写简单插件的话还是推荐使用rollup，但是可以用写插件的形式去学习一下webpack的一些东西。（适用于初中级webpack学者）1.安装node和npm，新建文件夹，在文件夹中执行npm init命令，一直回车生成一个package.json文件如下：{
"name": "cobrandcard",
"vers
接上一片文章: 解读 vue-cli 脚手架（一）：npm run dev的背后 如果没有看过我的上一篇文章，请先移步去看一下哈！时隔一年多，之前写的文章感觉大家还挺喜欢的，一直说要更新下一篇。但是一直没有机会，没时间，还有就是，感觉自己的技术，可能不足以支持我继续往下走。但是经过这个一年多的历练，感觉很多东西考虑的会更周全，不负期待！废话说一堆，步入正题。一、前言这里有必要声明一下，上一篇文章我
## 如何使用 TypeScript 打包到 dist 目录
TypeScript 是一种现代化的编程语言，它允许我们使用静态类型来构建大型应用程序。在开发 TypeScript 应用程序时，最后一个步骤通常是将代码打包到一个 `dist` 目录中，以便于发布和部署。本文将为你详细介绍如何实现这一过程。
### 整体流程
以下是将 TypeScript 代码打包到 `dist` 目录的主要步
vue.config.js// 输出文件目录(默认dist) outputDir: 'web',const path = require('path')const resolve = dir => path.join(__dirname, dir)module.exports = { // 基本路径 publicPath: './', // 输出文件目录(默认dist) outpu
原创
2022-02-27 10:25:49
3494阅读
文章目录pyinstaller路径获取获得未知编码文件的编码遍历文件 pyinstaller不想每次运行py文件都需要打开python,不然对于电脑内存都是极大的消耗 安装pip install pyinstaller cd切换到源码文件夹，便于直接调出py文件，如果不想，那就麻烦点把py路径也写上，估计没人愿意 如这个 pyinstaller -F update_file_or.py -D –o
转载
2023-10-28 15:49:15
350阅读
vue.config.js// 输出文件目录(默认dist) outputDir: 'web',const path = require('path')const resolve = dir =
原创
2021-07-13 14:08:07
2770阅读
一.安装Node.js下载地址：https://nodejs.org/en/download/。下载完成后默认安装，安装完成后打开cmd （用管理员权限，之后需要。用IDEA的Terminal也可以，打开IDEA时也要用管理员权限打开） 输入下面的命令查看是否成功安装。 node -v npm -v配置npm在安装全局模块时的路径和缓存cache的路径： 在node.js安装目录 (C:\Prog
转载
2024-08-08 11:50:14
595阅读
# Vue项目通过Yarn打包dist目录
在Vue项目中，我们通常需要将代码打包成静态文件以便于部署到生产环境。Vue提供了一种简单的方式来打包项目，即使用Yarn工具。本文将介绍如何通过Yarn来打包Vue项目并将生成的文件输出到dist目录。
## 什么是Yarn？
Yarn是一个由Facebook、Google、Exponent和Tilde共同开发的JavaScript软件包管理工具
原创
2024-04-19 06:21:45
276阅读
# 如何在Python中进行打包：从源代码到dist文件夹
作为一名初学者，如果你想将你的Python项目打包成可分发的格式，那么你需要了解整个打包流程。本文将引导你完成这一过程，并为你提供一些关键的代码示例，帮助你顺利将项目打包。
## 打包流程
首先，让我们看一下整个打包过程的概览：
| 步骤 | 描述 |
| --- | --- |
| 1 | 准备项目结构 |
| 2 | 创建se
以下主要Python打包汇总，作为学习备份；一、使用python内部基础工具包Distutils打包程序 1. 在打包之前需要做的就是配置好安装脚本，一般为setup.py文件； 示例(setup.py)： from distutils.core import setup
setup(name='Hello',
version='1.0',
description='e
转载
2023-11-27 00:30:44
143阅读
## 教你如何将 TypeScript 打包成 dist
在现代前端开发中，使用 TypeScript 是一种提升代码可维护性和可读性的好方法。而将 TypeScript 项目打包成 dist 文件夹也是项目开发流程中必不可少的步骤。本文将带你了解如何实现这一过程。
### 流程概览
首先，我们来看一下整个流程的步骤：
| 步骤 | 描述 |
|------|------|
| 1
查看当前的全局安装路径 ``` npm config
原创
2023-07-16 00:27:38
946阅读
前阵子因为电脑系统重装，导致nodejs环境需要重新配置，超级麻烦，所以这次把node的环境配置步骤记下来，下回再出现这种情况，只需要配置一下环境变量就搞定，省事。node官网下载windows版本的nodejs，进行安装node程序安装过程基本直接“NEXT”就可以了。（这边为了避免重装系统等事件影响，安装在非系统版，这里安装在D:\Program Files\nodejs）安装完成后可以使用c
转载
2024-10-31 06:44:54
468阅读
npm包管理工具1，认识npmnpm即node的包管理器是Node.js默人的、以JavaScript编写的软件包管理系统npm已经是前端工程师的标配在npm上我们可以很方便的下载我们所需要的的包， 如jquery，vue等 官网 npm官方网站2，下载先下载node.js（因为node中自带有npm，所以无需多下载npm）node官网然后使用node.js的命令工具查看node版本$ node
转载
2024-06-05 12:48:44
54阅读
npm 与 webpack打包一、npm介绍：js有两个主流的包管理器——npm和yarn，两者仓库是共通的1. 本地怎么导入一个npm模块呢？安装：npm一个模块后，package.json会记录该模块依赖信息，而该模块则会保存在node_modules里使用：import xx from 'xxx'功能：Webpack打包时解析到这句话，会去node_modules里寻找对应模块并引用寻找引用
转载
2024-03-28 08:07:39
186阅读
最近在学一学前端的东西，发现前端技术栈有几个概念有些分不清，比如接触Vue后，对Vue-Cli有了解后，仅仅知道Vue-Cli是一个Vue项目的脚手架，可以快速的构建一个Vue的基于Npm的模块化项目，Vue内部的打包机制其实还是借助Webpack；但是对Webpack\Npm\Node\Nodejs这几个在前端模块化中的高频词总是傻傻分不清，不知道他们之间的具体关系what is w
转载
2024-04-22 21:39:11
130阅读
文章目录Nginx主配置文件结构location 介绍localtion 语法location匹配参数解释`=` ，精确匹配`^~`，表示普通字符串匹配上以后不再进行正则匹配。` ~`，执行正则匹配，区分大小写。`~*`，执行正则匹配，忽略大小写不加任何规则时，默认是大小写敏感，前缀匹配，相当于加了`~`与`^~``@`，nginx内部跳转location匹配顺序location URI结尾带不
转载
2024-09-26 06:43:18
69阅读
我们首先来看看pip的版本。pip show pip可以看到，小编这里的pip版本是7.1.2 2请留意底部的黄颜色的信息，这一点相当重要。You are using pip version 7.1.2, however version 10.0.1 is available.这句话的意思就是，你使用的pip版本为7.1.2，版本10.0.1可用。如果小伙伴在看到这样的提示之后，说明p
转载
2024-08-23 16:40:51
38阅读
对于使用Eclipse自动打包jar比较方便，但是如果不加限制结果可能jar中包含很多其他多余文件。因此可以自定义打包样式，在命令行使用jar命令完成java程序打包. 一、简单打包 新建一个目录tmp,进入该目录. 新建Hello.java文件,内容如下:public class Hello{
publi
转载
2023-08-18 13:25:25
136阅读
# 前端 Dist 到 Dockerfile 的打包流程入门
在前端开发中，将应用程序打包成 Docker 镜像是一种常见的实践。通过使用 Docker，你可以确保你的应用在任何环境中都能以相同的方式运行。以下是一个简化的前端 dist 到 Dockerfile 的打包流程，希望对你有所帮助。
## 打包流程概述
在开始之前，让我们先列出整个流程的步骤。你可以参考以下表格：
| 步骤 |
原创
2024-08-01 05:24:51
82阅读
