34.基于webpack搭建开发环境

一、webpack配置问题
webpack确实强大,但是配置loader、plugin也确实存在与node、npm、webpack版本之间存在冲突的问题(真正的从入门到放弃)。为了方便平时的开发,我基于webpack4.x 整合了react、vue3、ts开发环境,支持less、eslint、babel等,具体详见package.json。

二、下载后可以根据自己的实际需求修改package.json。下载地址:https://gitee.com/jly1314520/my-webpack.git。

{"name": "testwebpack","version": "1.0.0","description": "","main": "index.js","scripts": {"test": "echo \"Error: no test specified\" && exit 1","dev": "webpack","server": "webpack-dev-server --open","mpa": "webpack --config ./webpack.mpa.config.js"},"keywords": [],"author": "","license": "ISC","devDependencies": {"@babel/core": "^7.23.3","@babel/preset-env": "^7.23.3","@babel/preset-react": "^7.23.3","@babel/preset-typescript": "^7.23.3","autoprefixer": "^10.1.0","babel-loader": "^8.3.0","clean-webpack-plugin": "^3.0.0","css-loader": "^5.0.1","cssnano": "^4.1.10","eslint": "^8.54.0","eslint-config-semistandard": "^17.0.0","eslint-config-standard": "^17.1.0","eslint-plugin-import": "^2.29.0","eslint-plugin-n": "^15.7.0","eslint-plugin-promise": "^6.1.1","express": "^4.17.1","file-loader": "^6.2.0","glob": "^7.1.6","html-webpack-plugin": "^4.5.0","less": "^3.5.0","less-loader": "^7.1.0","mini-css-extract-plugin": "^1.3.3","postcss": "^8.2.1","postcss-loader": "^4.1.0","style-loader": "^2.0.0","url-loader": "^4.1.1","vue-loader": "^17.3.1","vue-template-compiler": "^2.7.15","webpack": "^4.43.0","webpack-cli": "^3.3.12","webpack-dev-server": "^3.11.0"},"dependencies": {"@babel/polyfill": "^7.12.1","axios": "^0.21.1","core-js": "^2.6.12","react": "^17.0.1","react-dom": "^17.0.1","vue": "^3.3.8"}
}

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/181682.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

阿里健康再得阿里巴巴资产注入 实现“自营+佣金+营销”多轮驱动

11月28日晚间,阿里健康发布公告宣布,正式与阿里巴巴集团签署股权认购协议,以135.12亿港元对价,获得阿里妈妈医疗健康类目的独家营销审核权及附属权利。交易完成后,阿里巴巴集团在阿里健康的持股比例将从56.99%上升到63…

鸿蒙原生应用/元服务开发-AGC分发如何下载管理Profile

一、收到通知 尊敬的开发者: 您好,为支撑鸿蒙生态发展,HUAWEI AppGallery Connect已于X月XX日完成存量HarmonyOS应用/元服务的Profile文件更新,更新后Profile文件中已扩展App ID信息;后续上架流程会检测API9以上Harm…

RHCE第五次作业

目录 1.算数运算命令有哪几种? 1.(()) 2,let 3.[] 4.declare -i 5.expr 6.bc 7.awk 总结: 2..定义变量urlhttps://blog.csdn.net/weixin_45029822/article/details/10356881…

springboot集成springsecurity

转载自&#xff1a;www.javaman.cn 1、整合springsecurity 添加pom.xml <dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-security</artifactId> </dependency>2、springsecurity认证授权流程…

OpenCV | 模版匹配

import cv2 #opencv读取的格式是BGR import numpy as np import matplotlib.pyplot as plt#Matplotlib是RGB %matplotlib inline 模版匹配 模版匹配和卷积原理很像&#xff0c;模版在原图像上从原点开始滑动&#xff0c;计算模版与&#xff08;图像被模版覆盖的地方&#xff…

vscode一直不能跳转函数定义或者别的定义c_cpp_properties.json、settings.json

vscode好几天一直不能跳转函数定义或者别的定义&#xff0c;突然又好了。。。 c_cpp_properties.json {"configurations": [{"name": "windows-gcc-x86","includePath": ["${workspaceFolder}/**","D:/adas/ADAS_FUS…

go标准库

golang标准库io包 input output io操作是一个很庞大的工程&#xff0c;被封装到了许多包中以供使用 先来讲最基本的io接口 Go语言中最基本的I/O接口是io.Reader和io.Writer。这些接口定义了读取和写入数据的通用方法&#xff0c;为不同类型的数据源和数据目标提供了统一的接…

同旺科技 USB 转 RS-485 适配器 -- 隔离型(定制款)

内附链接 1、USB 转 RS-485 适配器 隔离版主要特性有&#xff1a; ● 支持USB 2.0/3.0接口&#xff0c;并兼容USB 1.1接口&#xff1b; ● 支持USB总线供电&#xff1b; ● 支持Windows系统驱动&#xff0c;包含WIN10 / WIN11 系统32 / 64位&#xff1b; ● 支持Windows …

一文例说嵌入式 C 程序的内聚和耦合

1 - 原理篇 低耦合&#xff0c;是指模块之间尽可能的使其独立存在&#xff0c;模块之间不产生联系不可能&#xff0c;但模块与模块之间的接口应该尽量少而简单。这样&#xff0c;高内聚从整个程序中每一个模块的内部特征角度&#xff0c;低耦合从程序中各个模块之间的关联关系…

多个加速度计/麦克风连接指引

座舱内的振动投诉&#xff1a;如乘客/驾驶员在车厢内感受到传动轴、方向盘抖动剧烈 图1.三轴模式下的单个加速度计 图2.软件设置界面 如果您只有一个加速度计&#xff0c;可以在三轴模式下使用一个加速度计找出客户投诉车厢内振动最强烈的区域。例如将加速度计连接到驾驶员座椅…

对接电商平台高效获取各大电商平台数据,商品详情数据代码示例

电商可以通过使用API接口获取商品信息数据。API是应用程序编程接口的缩写&#xff0c;它允许程序之间进行通信和数据传输。为了获取商品信息数据&#xff0c;电商可以利用API接口向商品供应商的数据库发送请求&#xff0c;然后接收并解析返回的数据。 具体来说&#xff0c;电商…

​ 数据库开发海外服务器选择:一篇教程看懂Amazon EC2开发环境搭建

大家的数据库之类的开发环境都是安装在哪的呢&#xff1f;平时开发用的数据库有时候回家还想要用一下&#xff0c;就需要远程到公司的电脑把数据库导出来&#xff0c;然后将文件下载到家里的电脑并导入家里电脑的数据库里&#xff0c;着实麻烦&#xff0c;或者选择内网穿透或虚…

11月29日,每日信息差//雷军个人向武汉大学捐赠13亿元现金//看电视默认设置新规一览:开机广告不超 5 秒、不设置一键付费

&#x1f396; 继长安汽车后&#xff0c;蔚来将与吉利控股达成换电业务合作 &#x1f384; 中国飞鹤入选工信部质量提升典型案例 &#x1f386; 雷军个人向武汉大学捐赠13亿元现金 &#x1f387; 奢侈品电商Farfetch或将私有化 &#x1f381; 亚马逊云科技宣布推出Amazon Q ✨ …

解决api-ms-win-crt-runtime-l1-1-0.dll丢失的问题,全是干货分享

今天我的电脑中突然出现关于“api-ms-win-crt-runtime-l1-1-0.dll”的错误提示&#xff0c;关闭提示后再次打开程序依然不能正常打开&#xff0c;出现这样的问题突然不知道是因为什么&#xff0c;于是就去了解了关于出现api-ms-win-crt-runtime-l1-1-0.dll错误的问题&#xff0…

Curl 命令方式对elasticsearch备份和恢复

https://blog.csdn.net/qq_34777982/article/details/131340478 之前也写过使用API请求的方式对ES数据进行快照方式备份&#xff0c;这里主要对之前的内容进行完善和补充。 版本兼容性 快照包含构成索引的磁盘上数据结构的副本。这意味着快照只能还原为可以读取索引的 Elasti…

去北京医院预约,需要医保卡号,但是社保卡不在身边,北京的医保卡号咋网上查询

目录 1 问题2 查询 1 问题 要去北京某一个医院预约挂号&#xff0c;预约的时候选择的医保&#xff0c;需要写医保卡号&#xff0c;但是自己的社保卡不在身边&#xff0c;怎么办 记住&#xff0c;医保卡号不是社保卡号&#xff0c;是不一样的 北京医保卡号是12位 2 查询 登陆这…

Vue3 学习笔记,快速初始化 Vue 项目及 Data 函数用法学习

快速初始化Vue项目 在学习之前&#xff0c;我们先通过引入JS文件的方式快速初始化一个 Vue 项目&#xff0c;首先我们先打开 VsCode 编辑器&#xff0c;具体步骤如下&#xff1a; 新建一个文件夹。新建index.html、style.css 和 index.js 文件。新建个lib目录&#xff0c;把下…

LeetCode2514.统计同位异构字符串数目

题目简单&#xff0c;关键是灵茶山艾府的代码写起来太优美&#xff0c;不得不记录一下 const int Mod 1e97; using ll long long; ll qmi(ll a,ll b,ll mod){ll res 1;while(b){if(b&1)res res*a%mod;aa*a%mod;b>>1;}return res; }class Solution { public:int c…

软考真的很难吗?选什么科目容易过?

在备考前&#xff0c;小伙伴们都十分担心试题太难导致自己辛苦备考大半年最后却通不过。软考试题真的很难吗&#xff1f;选什么科目比较容易过呢&#xff1f; 软考试题会很难吗&#xff1f; 软考试题确实是有一定的难度&#xff0c;特别是中级和高级部分科目&#xff0c;因为…

C语言——J /字符函数和字符串函数

前言&#xff1a;在编程的过程中&#xff0c;我们经常要处理字符和字符串&#xff0c;为了⽅便操作字符和字符串&#xff0c;C语⾔标准库中提供了⼀系列库函数&#xff0c;接下来我们就学习⼀下这些函数。 一、字符分类函数 C语⾔中有⼀系列的函数是专⻔做字符分类的&#xff…