webpack项目搭建

vite-plugin-federation踩坑

这里主要参照VUEShenzhen在掘金和知乎上的文章去实现下面是我照以上文章所作的尝试一、准备工作1、项目搭建搭建两个vite项目在自己的项目目录下打开cmd执行npmcreatevite@latest
yanyihan16·2024-01-05 09:26

基于npm和module-federation的远程包管理器

基于npm和module-federation的远程包管理器最近做了一个微前端开源项目(webpackagemanager),临近休假先简单的推广一下,节后再继续更新,欢迎大家体验和star,也欢迎沟通讨论
zhanghongen1·2024-01-05 09:22

webpack4 module federation

module-federation是webpack5更新的一项新特性,可以更容易的共享前端代码,本文将介绍@module-federation/webpack-4实现原理及其与webpack5的差异背景在公司内我们搭建了微前端包管理平台
zhanghongen1·2024-01-05 09:52

在 vue/cli 中使用 Module Federation

webpack5的新特性，分模块共同开发。多个独立的构建可以组成一个应用程序，这些独立的构建之间不应该存在依赖关系，因此可以单独开发和部署它们。这通常被称作微前端，但并不仅限于此。
文摘资讯·2024-01-05 09:21

Angular 14微前端项目构建

(Webpack5ModuleFederationmicrofrontends)ngclingnewnggeneratengnewdashboard--create-application=falsenggenerateapplicationdashboardngnewicrm-regulatory-mansem
lvxinaidou·2024-01-05 09:51

Typescript---webpack和Babel的使用 03

webpack通常情况下，实际开发中我们都需要使用构建工具对代码进行打包，TS同样也可以结合构建工具一起使用，下边以webpack为例介绍一下如何结合构建工具使用TS。
渣渣龙_拽得很·2024-01-05 09:48

快速搭建一个SpringCloud、SpringBoot项目 || 项目搭建要点

1.基本结构建立springcloud项目从表入手，分析好需求建立表结构后，使用mybatis-plux生成POJO类，在对应的model模块中。2.微服务部分架构2.1依赖service微服务模块的依赖仅包含如下，数据库等依赖包含在model中，service引入了model模块，因此也可以调用数据库服务。com.heimaheima-leadnews-modelcom.heimaheima-l
每天写点bug·2024-01-05 09:07

搭建开发环境-开发样式-v1.0.0

创建工程npmint安装类库npminstallwebpack@3.5.5--save-dev构建目录//配置文件Webpack.config.js//源码目录app//入口文件app/index.htmlapp
一点金光·2024-01-05 08:45

使用npm run dev 运行Vue项目时，报错： ‘webpack-dev-server’ 不是内部或外部命令，也不是可运行的程序

在用VsCode新创建Vue项目，在启动服务（npmrundev）时，出现“‘webpack-dev-server’不是内部或外部命令，也不是可运行的程序或批处理文件后来我查资料说删除项目下的node_modules
橙小粥·2024-01-05 08:39

ASP.NETCore WebAPI 入门 杨中科

webapi项目搭建选择webapi默认一定要勾选上启用OpenAPI支持设置默
Pual singer·2024-01-05 07:57

debugger在chrome谷歌浏览器中失效问题！！！

node_modules/|/bower_components/即可1）找到浏览器右上角三个点==》更多工具==》开发者工具（或者F12）解决办法二：在你的vue文件vue.config.js中找到如下configureWebpack
小微浪bug·2024-01-05 06:34

webpack4+react 多页面打包

目录结构（先创建好）简单说明一下下面有代码的直接粘贴复制有些没有代码的这里先解释一下1.node_modules这个文件夹没什么好说的2.src这个文件夹里面就是我们需要写的（1）.src/component这里一般都是方组件的我没有写组件所以这里空空如也（2）.src/pages这里放的就是打包的页面了（3）.src/pages里面pageinfo.json这个文件是配置单独页面的一些seo之类
招来红月·2024-01-05 05:57

webpack4搭建react环境（单页面路由）记录

一、新建文件夹初始化项目创建package.json文件npminit-y二、安装webpack，webpack4后需要安装webpack-cli会生成package-lock.json文件和node_modules
招来红月·2024-01-05 05:57

iOS各种架构设计图

ios组件化架构漫谈ios组件化架构漫谈每个组件都是一个独立app,可以独立开发最后我们可以得到如下的架构图:这类还值得一提的话题是组件的颗粒度iOSapp开发项目搭建微博第四版架构美团整体业务架构微博架构图架构相关面试问题思维导图
王方帅·2024-01-05 03:16

Vue.js - Day1

课程介绍前5天：都在学习Vue基本的语法和概念；打包工具Webpack,Gulp后5天：以项目驱动教学；什么是Vue.jsVue.js是目前最火的一个前端框架，React是最流行的一个前端框架（React
高手放飞哥·2024-01-05 02:57

C语言项目搭建-图书管理系统（链表详解）

项目介绍项目名称：图书管理系统图书管理系统设计与实现项目的背景：图书馆人员结构复杂，人员数量有限，涉及方面很广，如果还使用手工操作处理图书借阅问题，工作将非常繁琐，需要大量的人力、物力、财力，极大的浪费了资源，对于图书管理人员来说，图书馆管理包括图书信息管理、图书类别管理、借阅信息管理、管理员信息管理等等。而这些项目在过去靠手工操作，需要手工记录这些事情，不但麻烦，还经常出错，给广大用户带来很多不
烟雨长虹，孤鹜齐飞·2024-01-04 16:53

webpack学习记录

webpack一个网页当中的css文件及js文件比较多，这些文件我们都是通过link和script标签导入的，这样导入会导致请求次数过多在浏览器中运行的代码，我们要考虑一个兼容性问题，最好不要使用最新的语法我们的页面会有很多的
爱敲键盘的程序源·2024-01-04 11:12

【Webpack】模块打包 CommonJS和ES6 Module的区别

CommonJS与ES6Module最本质的区别在于前者对模块依赖的解决是“动态的”而后者是“静态的”。“动态”的含义是，模块依赖关系的建立发生在代码运行阶段;而“静态”则是模块依赖关系的建立发生在代码编译阶段先看一个CommonJS的例子//calculator.jsmodule.exports={name:'calculator'};//index.jsconstname=require(./
loyd3·2024-01-04 11:10

【Webpack】加载其他型模块

最常见的就是在script标签引用jQuey及其各种插件如何使用Webpack打包这类文件呢?其实只要直接引人即可，如:import'.
loyd3·2024-01-04 11:10

【Webpack】资源输入输出 - 配置资源出口

所有与出口相关的配置都集中在output对象里output对象里可以包含数十个配置项，这里介绍几个常用的filename顾名思义，filename的作用是控制输出资源的文件名，其形式为字符串，如：module.exports={entry:'./src/app.js',output:{filename:'bundle.js'}}filename可以不仅仅是bundle的名字，还可以是一个相对路径，
loyd3·2024-01-04 11:10

webpack知识点总结（高级应用篇）

=development),追求强大的开发功能和效率，配置各种方便开发的功能;2.生产环境(mode=production),追求更小更轻量的bundle(即打包产物);而所谓高级应用，实际上就是进行Webpack
小白探索世界欧耶！~·2024-01-04 11:37

【Webpack】资源输入输出 - 配置资源入口

资源处理流程Webpack中的资源处理流程在一切流程的最开始，首先需要指定一个或多个人口(entry)，也就是告诉Webpack具体从源码目录下的哪个文件开始打包。
loyd3·2024-01-04 11:05

从 V8 中看 JS 性能优化

Webpack，网络协议等方面如何测试性能——chrome提供Audits评估结束后，工具还提供了一些建议便于我们提高这个指标的分数我们只需要一条条根据建议去优化性能即可。
山不转水转_c73e·2024-01-04 07:25

Invalid options in vue.config.js: “plugins“ is not allowed

解决方案：constAutoImport=require('unplugin-auto-import/webpack')constComponents=require('unplugin-vue-components
hongc93·2024-01-04 06:46

了解webpack

1概念webpack是一个模块打包工具，他将各种不同类型的文件最终都打包成.js、.css、.png、.jpg4个类型的静态资源。
wjs0406·2024-01-04 06:01

webpack-bundle-analyzer可视化分析包大小

先看webpack-bundle-analyzer的效果图（官方效果图）：一、安装npminstallwebpack-bundle-analyzer–save-dev二、配置/
涅槃快乐是金·2024-01-04 06:58

What Does Webpack Do, and How Do I Use It for My Website?（译）

原文地址：WhatDoesWebpackDo,andHowDoIUseItforMyWebsite?imageWebpack是一个实用插件，它可以将Javascript文件打包在一起。
_志铭·2024-01-04 05:37

关于 tapable 你需要知道这些

webpack通过tapable将实现与流程解耦，所有具体实现通过插件的形式存在。基本使用想要了解tapable的实现，那就必然得知道tapable的用法以及有哪些使用姿势。
涅槃快乐是金·2024-01-04 03:26

webpack代码分割之SplitChunksPlugin和魔法注释

webpack.jpg写在前面我们在上篇的文章中，介绍了CodeSplitting，其中有通过SplitChunksPlugin加同步引入的方式进行代码分割，和通过异步加载的方式让webpack自动帮我们完成代码分割
喜剧之王爱创作·2024-01-04 01:55

学习Node.js与Webpack总结

今天学习了模块化的简介，其实一个项目是由很多个模块文件组成的，它们有它们各自的功能和用途来协助这个项目的完成，这样的模块组成有很多的好处比如提高代码的复用性、还可以按需加载、还有独立的作用域，还需要搞清楚的一点就是Node.js中每个文件都是独立的模块，这些模块之间是靠特定语法的导入和导出来实现互通的使用的，导入的时候如果是内置模块的话直接写模块名即可，如果是自定义的模块就需要写模块的文件路径，剩
heliang399·2024-01-04 01:28

webpack 5 mode的作用和区别

通过选择development,production或none之中的一个，来设置mode参数，你可以启用webpack内置在相应环境下的优化。其默认值为production。
陆康永·2024-01-03 19:32

vue配置svg，图标显示不出来

写在最前面：在Vue中使用svg主要靠webpack配置svg-sprite-loader来处理svg文件，如果有问题（配置流程按网上的教程一套下来或者直接是扒拉别人的代码还是有问题的），需要一点webpack
Buiiil·2024-01-03 18:22

webpack 用nodejs 开发的前端构建工具@stage3---week4--day3

webpack安装全局安装webpack和webpack-cli%sudocnpmiwebpackwebpack-cli-g本地安装webpack和webpack-cli%sudocnpmiwebpackwebpack-cli-D
英俊潇洒美少年·2024-01-03 17:05

SpringBoot整合ElasticSearch实现CRUD操作

本文来说下SpringBoot整合ES实现CRUD操作文章目录概述项目搭建ES简单的crud操作保存数据修改数据查看数据删除数据本文小结概述SpringBoot支持两种技术和es交互。
wh柒八九·2024-01-03 16:18

webpack

最基础的核心实现如下为源码importafrom"./a.js";functioncomponent(){a();console.log("aa");}document.body.appendChild(component());/****a.js****/exportdefaultfunction(){varB=100;functionprintln(){console.log(B);}}如下为
Doter·2024-01-03 14:00

前端面试--moka

vite为什么比webpack快？webpack把所有文件build一次，从入口文件进去，将所有文件编译为一个或多个单独的js文件，无论模块是否执行，都要编译和打包到这个bundler里面。
L北杳·2024-01-03 13:52

Spring上下文之support模块DefaultLifecycleProcessor

可提供微服务项目搭建与毕业项目实战，博主也曾写过优秀论文，查重率极低，在这方面有丰富的经验✌博主作品：《Java项目案例》主要基于SpringBoot+MyBatis/MyBatis-plus+MySQL
卡布奇诺-海晨·2024-01-03 13:20

SpringIOC之support模块ConversionServiceFactoryBean

可提供微服务项目搭建与毕业项目实战，博主也曾写过优秀论文，查重率极低，在这方面有丰富的经验✌博主作品：《Java项目案例》主要基于SpringBoot+MyBatis/MyBatis-plus+MySQL
卡布奇诺-海晨·2024-01-03 13:47

安装使用Vue 初步搭建项目

A:vue.js是通过webpack来打包，而webpack又基于npm,npm需要nodejs环境。这就是为什么vue.js还需要安装nodejs环境。具体参考文章https://w
三月木头·2024-01-03 11:49

本地做代理跨域实现

之前的项目是将测试环境和生产环境分开然后在webpack.config里面分别配置跨域请求的地址,但是现在是在本地做的代理并且没有分测试环境和生产环境,这样子在做跨域请求的时候,封装axios并不需要将
Sune小叶子·2024-01-03 10:21

react+umi+antd项目搭建配置

官方文档链接：UmiJS官方文档React官方文档AntDesign官方文档一、项目搭建对于reactumi项目搭建，umi官方文档已经写的很清晰了，具体请查看上面的umi官方文档链接。
TonyH2002·2024-01-03 06:10

webpack : 无法加载文件 C:\Users\think\AppData\Roaming\npm\webpack.ps1

1、运行webpack报错：webpack:无法加载文件C:\Users\think\AppData\Roaming\npm\webpack.ps1，因为在此系统上禁止运行脚本。
人人都爱Queen·2024-01-03 05:11

webpack的核心概念loader之打包静态资源-样式篇

1.style-loader和css-loadder我的页面中现在有一张猫咪得图片，如下:cat.png但是我觉得图片有点太大了，于是我给图片加了一个avatar的类名,并在src目录下新建了一个demo.css的样式文件，对图片的大小进行了限制:.avatar{width:150px;height:150px;}写好之后，在src目录下的入口文件index.js中引入样式文件:import'./
5cc9c8608284·2024-01-03 01:32

vue-cli打包后资源路径报错及样式中背景图片的引用问题

原因是通过webpack和vue-cli编译的路径是绝对路径，并且将static默认为根路径。
如你眉间山水·2024-01-03 00:32

微服务全家桶之Spring Cloud Gateway 入门篇

文章目录一背景二SpringCloudGateway工作原理2.1简介2.2SpringGateway核心概念2.3SpringGateway核心工作流程2.4SpringGateway完整执行流程三项目搭建
后端马农·2024-01-02 20:20

Git commit 规范

typefeat:增加新功能fix:修复bug提交：特殊typedocs:只改动了文档相关的内容style:不影响代码含义的改动，例如去掉空格、改变缩进、增删分号build:构造工具的或者外部依赖的改动，例如webpack
名词之争·2024-01-02 17:06

Node.js配置npm全局模块路径和缓存路径

目的：可以改变这个路径，从而减少C盘的使用因为在执行npminstallwebpack-g等命令全局安装的时候，默认会将模块安装在C:\Users\用户名\AppData\Roaming路径下的npm和
zlzbt·2024-01-02 17:32

TypeError: Cannot read property ‘exclude‘ of undefined

ofundefinedawesome-typescript-loader和typescript兼容性问题"awesome-typescript-loader":"^3.0.3","typescript":"^2.4.1","webpack
SailingCoder·2024-01-02 12:14

Error: Cannot find module 'webpack' 问题解决办法

一味的下载：npminstall--save-devwebpack是没有用的。首先vue-V查看vue的版本，（注意-V一定要大写），例如公司是2.9.6版本。
顺小星·2024-01-02 11:09

Plugin/Preset files are not allowed to export objects,only functions.webpack报错/babel报错的解决办法

Plugin/Presetfilesarenotallowedtoexportobjects,onlyfunctions.webpack报错/babel报错的解决办法1.为什么会报错？
世玮·2024-01-02 11:00
上一页 22 23 24 25 26 27 28 29 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他