前端web脚手架webpack 第48页

Webpack 生产环境

文章目录前言配置NPMScripts指定mode压缩(Minification)源码映射(SourceMapping)CLI替代选项后言前言helloworld欢迎来到前端的新世界当前文章系列专栏：webpack‍

鋜斗·2023-12-02 01:18

前端项目部署自动检测更新后通知用户刷新页面（前端实现，技术框架vue、js、webpack）——方案一：编译项目时动态生成一个记录版本号的文件

技术框架vue、js、webpack解决方案编译项目时动态生成一个记录版本号的文件轮询（20s、自己设定时间）这个文件，判断版本号，有新版本则通知用户刷新页面通过监听visibilitychange事件

金乌Y·2023-12-02 01:17

Webpack——Webpack简介

1、什么是Webpack？

布道师小羊·2023-12-02 01:46

webpack开发环境

文章目录前言webpack.config.js使用sourcemapwebpack.config.jssrc/print.js选择一个开发工具使用watchmode(观察模式)package.jsonsrc

鋜斗·2023-12-02 01:46

React核心入门

安装官方脚手架：sudonpminstall-gcreate-react-app创建项目：npxcreate-react-applesson1进入项目目录：cdlesson1启动项目：npmstart暴露配置项

key君·2023-12-01 23:36

安装vscode插件与安装vue项目

前提先安装nvm然后安装需要的nodejs1：点击下载vscode，选择安装目录，一直点击安装就行2：安装vue-cli脚手架npminstall-gvue@[email protected]查看vue版本vue--version

小徐敲java·2023-12-01 23:58

PostCSS 让js可以处理css

使用webpack中使用postcss-loader{module:{rules:[{test:/\.css$/,exclude:/node_modules/,use:[{loader:'styl

海胆Sur·2023-12-01 22:10

持续集成交付CICD：GitLabCI 运行前后端项目

项目自动构建2.阿里云云效Maven3.Maven安装4.Go安装5.NPM安装二、实验1.GitLabCI运行Maven项目2.GitLabCI运行Go项目3.GitLabCI运行NPM项目三、问题1.前端脚手架如何初始化项目

cronaldo91·2023-12-01 22:06

webpack打包分析和代码利用率优化(Preloading/Prefetch)

webpackhot.jpg打包分析什么是打包分析webapck打包分析是指在webpack打包后，通过一些插件来对我们的打包是否合理做出的分析。对于这样的工具，有官网提供的，也有一些第三方的插件。

喜剧之王爱创作·2023-12-01 22:55

Vue3 实现 PDF 文件在线预览功能

，我们在Vue3项目中创建一个名为PdfViewer.vue的组件：import{onMounted,ref}from'vue';import{getDocument}from'pdfjs-dist/webpack

特创数字科技·2023-12-01 21:41

前端开启gzip优化页面加载速度

gizp的打包资源，可以优化页面加载速度打包的时候开启gzip可以很大程度减少包的大小，页面大小可以变为原来的30%甚至更小,非常适合线上部署,但还记得需要服务端支持1、前端配置compression-webpack-plugin

今天不要写bug·2023-12-01 21:46

react中的config-overrides.js文件

功能类似于vue中的vue.config.js文件,增量配置react中的关于webpack配置npmrunreject弹开react工程中的webpack配置，但是它是不可逆的customize-cra

uhuh_·2023-12-01 15:39

axios封装Vue+vuex项目应用，登录页

1.Vue脚手架config文件夹中的index文件中配置代理proxyTable:{'/too':{target:'http://169.254.2.223:7001',//服务器地址pathRewrite

GreyWolf_094a·2023-12-01 14:57

【ts学习笔记】typeScript快速上手的秘籍

/js""strict":false3.启动配置任务：终端-->运行任务-->监视tsconfig.jsonwebpack打包ts1.安装相关插件："clean-webpack-plugin":"^3.0.0

Peach_Eiton·2023-12-01 13:43

JavaWeb开发全流程笔记

JavaWeb前端Web开发javaScript1.JS引入2.JS基础语法3.JS函数4.JS对象BOMDOM文档对象模型JS事件监听VueVue常用指令Vue的生命周期AjaxAxios前端工程化环境准备

不会写算法的小王·2023-12-01 13:51

Webpack ECMAScript 模块

文章目录前言标题一导出导入将模块标记为ESM后言前言helloworld欢迎来到前端的新世界当前文章系列专栏：webpack‍博主在前端领域还有很多知识和技术需要掌握，正在不断努力填补技术短板。

鋜斗·2023-12-01 11:51

Webpack 懒加载

文章目录前言懒加载示例后言前言helloworld欢迎来到前端的新世界当前文章系列专栏：webpack‍博主在前端领域还有很多知识和技术需要掌握，正在不断努力填补技术短板。

鋜斗·2023-12-01 11:50

Webpack的配置案例-devServer、EsLint与多页面

文章目录1.devServer实现请求转发问题发现devServer的proxy更多配置注意事项解决单页面应用路由问题问题引入使用devServer解决2.EsLint的配置简单介绍webpack中使用最佳实践

Joern-Lee·2023-12-01 11:19

VUE学习——脚手架项目

目录VUE组件化基础组件树注册组件的方式注册全局组件全局组件的逻辑组件名称全局组件的特点局部组件（components真正常用的）vue开发模式（真正开发中怎么写）单文件(SFC)VUECLI脚手架CLI

快乐本乐·2023-12-01 11:45

React---使用react脚手架搭建项目

一、使用create-react-app创建react应用1.1.react脚手架xxx脚手架:用来帮助程序员快速创建一个基于xxx库的模板项目包含了所有需要的配置(语法检查、jsx编译、devServer

lelara·2023-12-01 11:45

vue2-006——使用脚手架搭建vue2项目+项目结构分析

一、创建项目：vuecreate项目名D:\EnyiWang\Documents\myStudy\vue>vuecreatevue_testVueCLIv5.0.8?Pleasepickapreset:Default([Vue2]babel,eslint)VueCLIv5.0.8✨CreatingprojectinD:\EnyiWang\Documents\myStudy\vue\vue_test

-王二毛-·2023-12-01 11:13

Webpack的ts的配置详细教程

基础配置LoaderSourceMapsClienttypes使用第三方类库导入其他资源后言前言helloworld欢迎来到前端的新世界当前文章系列专栏：webpack‍博主在前端领域还有很多知识和技术需要掌握

鋜斗·2023-12-01 11:13

Error: Cannot find module ‘@vue/cli-plugin-babel‘ 运行 npm run dev 报错

项目场景：在启动vue脚手架描述npmrundev时报错解决方案：1.安装开发依赖:npminstallbabel-plugin-import-D2、删除node_modules文件，重新npminstall

严不纯·2023-12-01 11:25

babel-loader实现

babel-loader接着上一节的代码，首先安装“@babel/core”（babel核心模块）和“@babel/preset-env”，因为我要实现“babel-loader”，所以这里就不装loader了//webpack.config.jsmodule

成熟稳重的李先生·2023-12-01 10:06

《心理治疗中的依恋》第七章依恋关系如何塑造自我03

三、共同创造、整合和互为主体性随机应变的、情感性调谐的沟通；传递共情的方式、应对的能力、了解孩子的“意图”等；一种反应的框架，其中涵盖了与孩子主观体验的广度有关的包纳性；给孩子新出现的能力撘脚手架；当关系出现破裂时

心喜欢生0003·2023-12-01 09:10

使用vue-cli快速构建项目

引自https://blog.csdn.net/u012154630/article/details/86629347使用vue-cli快速构建项目(vue-cli是vue.js的脚手架，用于自动生成vue.js

好好学习__天天向上·2023-12-01 09:42

vue怎么引入和配置使用element-ui框架

第一步，利用vue-cli脚手架工具创建一个vue项目，创建好的文件目录，如下图。

Miracle_6e4f·2023-12-01 07:03

java报错 exception is java.lang.IllegalArgumentException: Unsupported class file major version 65

org.springframework.beans.factory.BeanDefinitionStoreException:Failedtoreadcandidatecomponentclass:file[G:\后端\springboot项目\基础springboot+vue+uniapp的外卖点餐小程序\项目脚手架

烛.照103·2023-12-01 06:08

koa+mongodb增删改查API接口

koa+mongodb增删改查API接口安装mongodb及可视化工具安装koa脚手架增删改查APIcreate增删deleteOne单个删除deleteMany批量删除改updateOne单个修改查find

土豆Coder·2023-12-01 06:51

koa/Express+mongdb+webpack4实践

本文用于自我总结以及给予新手一些借鉴借此共勉demo地址=>传送门ps：觉得有帮助的同学点个赞或者githubstar在此谢过使用版本：koa:2.6.1express:4.Xwebpack:4.19.1mongoose

weixin_30522095·2023-12-01 06:20

koa2+mongodb的使用详解

koa2+mongodb的使用详解1、开始1.1、使用koa-generator快速生成koa服务的脚手架工具cnpmi-gkoa-generator#oryarnglobaladdkoa-generator1.2

昌远啊·2023-12-01 06:19

减少 Webpack 打包后的文件体积

问题一：如何减少Webpack打包后的文件体积按需加载想必大家在开发SPA项目的时候，项目中都会存在十几甚至更多的路由页面。

柠檬与断章·2023-12-01 06:48

一、使用koa脚手架koa-generator快速搭建项目以及连接MongoDB

搭建项目1、安装koa-generatornpmi-gkoa-generator使用koa2创建项目koa2项目名进入项目cd项目名安装依赖npmi启动项目npmrundev这个时候访问http://127.0.0.1:3000地址出现以下内容说明项目启动成功2、连接MongoDB1.在项目根目录下新建db目录，并新建dbmongo.js//dbmongo.jsconstmongoose=requ

A_bad_boy_hahaha·2023-12-01 06:45

web前端项目实战_Vue项目仿美团【爱创课堂】

目录Vue2.0一、VueCli1.1安装1.2创建项目1.3启动项目1.4目录架构1.5webpack配置二、项目实战2.1技术架构2.2目录部署2.3路由2.4webpack拓展2.5vuecli拓展

weixin_34247155·2023-12-01 05:54

vue-cli需要权限问题

当使用vueinit即下面那个命令vueinitwebpacknewapp可能会出现vue-cli·Failedtodownloadrepovuejs-templates/webpack:EPERM:operationnotpermitted

明日清晨·2023-12-01 05:05

使用npm 搭建Ant Design Pro 项目

一、初始化AntDesignPro脚手架1.新建一个项目文件夹，在该位置cmd，进入命令板2.跟着官网敲开始使用-AntDesignPronpmi@ant-design/pro-cli-gnpxprocreatemyapp3

sin04·2023-12-01 05:16

Ant Design Pro学习记录—搭建AntDesignPro脚手架

文章目录前言一、操作过程1.初始化2.完成后配置软连接3.继续执行4.进入应用5.安装依赖6.启动前言工作项目需要，使用了AntDesignPro开发，在此做一个学习研究记录。一、操作过程参考官网开始使用-AntDesignPro让中后台开发更简单包含tableform等多个组件。https://pro.ant.design/zh-CN/docs/getting-started在node.jsnp

岁月佳醉·2023-12-01 05:15

学习日记之使用ant.design.pro瞬间生成前端代码脚手架

1.在浏览器中搜索ant.design.pro官网官方网址：https://pro.ant.design/zh-CN/点击开始使用进入官方文档2.初始化脚手架1.打开命令行窗口输入npmi@ant-design

王富贵·2023-12-01 05:44

threeJs引入模型使用3D模型(vite+React+Ts)

initvite@latest//创建一个vite的脚手架选择react并配置Ts安装three.js准备npminstall@react-three/dreinpminstall@react-three

湖边看客·2023-12-01 03:06

vue中结合animate.css实现元素动画入场

可以npm安装，在build/webpack.base.conf.js中定义插件：varwebpack=require('webpack');在modul

luck_lin·2023-12-01 02:28

2021-01-28

WebPack一、概述官网：https://webpack.js.org中文网：https://www.webpackjs.com1、webpack是什么？

谢谦毅·2023-12-01 00:42

Vue-cli初步安装步骤

1.先安装node.js（默认路径）2.启动命令行，输入命令node-v，可以看到node.js的版本号，如图node-v.png3.安装vue-cli使用npm（需要安装node环境）全局安装webpack

tmac09·2023-11-30 21:45

react react-pdf实现在线pdf加载（翻页加载、下拉滚动加载）

在文件中引入并使用下拉展示导入react-pdfnpmireact-pdf-S或yarnaddreact-pdf在文件中引入并使用从react-pdf引入会有不知名错误，react-pdf/dist/esm/entry.webpack

在下月亮有何贵干·2023-11-30 21:59

更加高效的为新项目添加 eslint 和 prettier

大家可能会在项目中接入eslint、prettier等工具，并且制定一些属于自己团队的代码规范，在新增项目时，会从旧项目中去拷贝相关的配置的文件，同时去安装对应插件库（当然，在大一点或规范一点的团队会去维护自己的脚手架

东方睡衣·2023-11-30 20:48

Vue动态组件的实践与原理探究

ps.本文项目使用VueCLI创建，所用的Vue版本为2.6.11，webpack版本为4.46.0。

街角小林2·2023-11-30 20:28

vue3+ts import App.vue 报错解决方案

在创建vue3+ts的脚手架之后会出现在main.ts中可能会出现报错//main.tsimport{createApp}from"vue";importAppfrom".

喬~~·2023-11-30 20:34

vue 移动端适配自适应布局（vite+webpack）

vue——webpackrem需要的插件npmi-Samfe-flexible根据当前页面的尺寸去设置根元素的font-sizenpminstallpostcss-pxtorem--save将ps绝对单位转成