webpack工程化

vue项目启动不了，报错You may use special comments to disable some warnings.

vue-cli脚手架关闭eslint的步骤：1.打开build文件夹下面的webpack.base.conf.js;2.找到下面这段代码，并将它注释掉：constcreateLintingRule=()
木木化燕·2024-01-28 15:08

设计模式：简介及基本原则

毫无疑问，设计模式于己于他人于系统都是多赢的，设计模式使代码编制真正工程化，设计模式是软件工程的基石，如同大厦的一块块砖石一样。
十秒耿直拆包选手·2024-01-28 13:08

浏览器——HTTP缓存机制与webpack打包优化

文章目录概要强缓存定义开启关闭强缓存协商缓存工作机制通过Last-Modified+If-Modified-Since通过ETag+If-None-Match不使用缓存前端利用缓存机制，修改打包方案webpack
爱喝酸奶的一旬·2024-01-28 11:29

PNPM 安装与使用

NPM命令PNPM命令npminstallpnpminstallnpmiaxiospnpmaddaxiosnpmiwebpack-Dpnpmaddwebpack-Dnpmrundevpnpmdevpnpm
2301_76866366·2024-01-28 08:14

vue-cli脚手架

1.安装vue-cli的前提是你已经安装了npm，输入npm-v查看版本2.用npm命令安装vue-clinpminstallvue-cli-g(只需安装一次)3.初始化项目vueinitwebpackproject1
undefind33·2024-01-28 08:05

【前端工程化】环境搭建 nodejs npm

文章目录前端工程化是什么？前端工程化实现技术栈前端工程化环境搭建：什么是Nodejs如何安装nodejsnpm配置和使用npm介绍npm安装和配置npm常用命令总结前端工程化是什么？
道格维克·2024-01-28 07:41

前端工程化基础（一）：Node模块化

Node模块化Node.js是什么官方定义：Node.js是一个基于V8JavaScript引擎的JavaScript运行时的环境Node.js基于V8引擎来执行JavaScript代码，但是Node.js中不仅仅有V8我们知道，V8可以嵌入到C++应用程序中，因此无论是Chrome还是Node.js，都是嵌入了V8引擎来执行的JavaScript代码在Chrome浏览器中，除了运行JavaScr
前端大菜鸟_·2024-01-28 06:55

前端工程化基础（二）：前端包管理工具npm/yarn/cnpm/npx/pnpm

前端包管理工具代码共享方案创建自己的官网，将代码放到官网上面将代码提交到GitHub上面，负责让使用者下载将代码提交到npmregistry上面下载比较方便，使用npminstallxxx即可下载相应的代码npm管理的包npm配置文件主要用于存储项目的名称，版本号，描述，用到的依赖等相关信息初始化一个配置文件从零开始一个项目，可以通过npminit-y通过脚手架进行创建（比如vue的vuecrea
前端大菜鸟_·2024-01-28 06:21

jupyter notebook的安装及插件推荐

jupyternotebook提供了一种学习、研究模式下的编程体验，“notebook”一词用的也非常贴切，用markdown将文字和代码简洁完美地整合到了一起，让编程脱离了“project”的工程化禁锢
优码·2024-01-28 06:46

无星的前端之旅（十五）——babel初探

但是一直我都不知道怎么去操纵它，只知道需要一堆配置，配合webpack可以做这件事（甚至我一度认为必须使用webpack才能做这件事）。
无星灬·2024-01-28 05:47

Vue.js 3.0 学习笔记（十四）使用ElementPlus按需自动导入

前言IDEAvuecli5.0vue3element-plusvue里面的vue.config.js相当于webpack.config.js，在vue项目中可直接通过修改vue.config.js修改webpack.config.js
奥妙无穹·2024-01-28 05:29

vue中图片不显示问题 - vue中静态资源加载

文章目录vue中图片不显示问题静态资源URL转换规则webpack静态资源处理图片不显示问题问题描述解决办法1：使用require引入requireisnotdefined解决办法2：使用import引入解决办法
nuise_·2024-01-28 05:54

Vue3笔记

一.前端工程化webpack代码压缩、解决js的浏览器兼容性问题、性能优化webpack.config.js文件下：mode节点：1.development开发时用，不代码压缩和性能优化，打包速度块2.
nknmn_·2024-01-28 03:21

带你了解项目的自动化构建

前言关于自动化构建中途如果遭遇挫折，运行失败，或者打退堂鼓，请直接查看小结部分，有我的最终攻略除了第一节介绍的脚手架，自动化构建也是前端工程化中非常重要的组成部分。
WEB前端含光·2024-01-28 00:49

vue(路由懒加载)

该方法是基于webpack的，项目中使用的是下面版本："webpack":"^3.6.0",在vue的路由配置文件中可以这么使用：constNoPage=()=>import('..
ismyshellyiqi·2024-01-28 00:29

vue2.0学习笔记黑马

前置知识一、WebPack实际开发中并不需要手动配置webpack1、概念webpack是前端项目工程化的具体解决方案主要功能：提供了友好的前端模块化开发支持、以及代码压缩混淆、处理浏览器端javaScript
firewrk·2024-01-28 00:44

前端工程化之：webpack1-4(编译结果分析)

一、运行环境打包webpack会假定项目的入口起点为src/index.js，然后会在dist/main.js输出结果，并且在生产环境开启压缩和优化。我们要分析的就是main.js文件。
小李老笨了·2024-01-27 22:24

前端工程化之：webpack1-6(编译过程)

一、webpack编译过程webpack的作用是将源代码编译（构建、打包）成最终代码。
小李老笨了·2024-01-27 22:23

前端工程化之：webpack1-2(安装与使用)

一、webpack简介webpack中文网webpack是基于模块化的打包(构建)工具，它把一切视为模块它通过一个开发时态的入口模块为起点，分析出所有的依赖关系，然后经过一系列的过程(压缩、合并)，最终生成运行时态的文件
小李老笨了·2024-01-27 22:51

前端工程化之：webpack1-3(模块化兼容性)

一、模块化兼容性由于webpack同时支持CommonJs和ES6module，因此需要理解它们互操作时webpack是如何处理的。
小李老笨了·2024-01-27 22:51

前端工程化之：webpack1-5(配置文件)

一、配置文件webpack提供的cli支持很多的参数，例如--mode，但更多的时候，我们会使用更加灵活的配置文件来控制webpack的行为。
小李老笨了·2024-01-27 22:51

前端工程化之：webpack1-1(构建工具）

这些仅仅是前端工程化的一个缩影。当开发一个具有规模的程序，你将遇到非常多的非业务问题，这些问题包括：执行效率、兼容性、代码的可维护性可扩展性、团队协作、测试等等
小李老笨了·2024-01-27 22:21

webpack底层原理和使用方法

文章目录1.webpack的定义2.webpack的背景3.webpack的核心思想3.webpack的作用4.webpack的优势5.webpack的劣势6.对比其他打包工具7.webpack的浏览器兼容性
贫僧法号依平·2024-01-27 22:50

【Vue】1-3、Webpack 中的 loader

一、概述在实际开发过程中，webpack默认只能打包处理以.js后缀结尾的模块。其他的非.js后缀名结尾的模块webpack默认处理不了，需要调用loader加载器才可以正常打包，否则会报错！
QX_Java_Learner·2024-01-27 22:35

【Vue】1-5、Source Map

二、解决默认SourceMap的问题开发环境下，推荐在webpack.config.js配置文件中添加如下的配置：module.exports={mode:'develo
QX_Java_Learner·2024-01-27 22:35

【Vue】1-2、Webpack 中的插件

一、Webpack插件的作用通过安装和配置第三方的插件，可以拓展webpack的能力，从而让webpack用起来更方便。
QX_Java_Learner·2024-01-27 22:05

【Vue】1-4、打包发布

一、配置webpack的打包发在package.json文件的scripts节点下，新增build命令如下："scripts":{"dev":"webpackserve"，//开发环境中运行dev命令"
QX_Java_Learner·2024-01-27 22:32

webpack5构建基于Vue3+ElementPlus项目搭建(开发和生产)

项目基于webpack5+vue3+ElementPlus环境构建主要配置文件:package.json插件使用和版本配置等信息.eslintrc.js启用eslint检测代码规范babel.config.jses
追逐梦想之路_随笔·2024-01-27 17:31

从 0 开始搭建 React 框架

webpack配置不再赘述，可参考前三个文章（wenpack5基本使用1-3）使用react安装react、react-dom、@babel/preset-reactyarnaddreactreact-dom
丶清风不问烟雨·2024-01-27 15:13

webpack区分打包类库代码及代码优化

1.配置文件webpack.configconstpath=require('path')constVueLoaderPlugin=require('vue-loader/lib/plugin');constHTMLPlugin
季末丶晦夏·2024-01-27 10:33

使用vue-cli-plugin-electron-builder打包electron遇到的坑

./",chainWebpackMain
@zjm·2024-01-27 09:34

webpack优化

treeshakingtreeshaking去掉我们没有使用的代码满足条件自动开启使用ES6模块化语法开启webpack生产环境配置可以在配置文件中使用sideEffects,*号代表全选"sideEffects
3fdd41da0a59·2024-01-27 09:39

前端工程化之：CSS工程化+Less

一、什么是Less？Less官网Less中文网Less是一种更加简洁的样式代码，它非常像CSS，但又不太一样，它让编写样式变得更容易。Less代码虽好，但它无法被浏览器识别，因此需要一个工具将其转换为纯正的CSS代码。由于node环境具有读写文件的能力，于是在node环境中可以轻松的完成文件的转换。npm上有一个包叫做less，它运行在node环境中，通过它可以完成对Less代码的转换。下面是CS
小李老笨了·2024-01-27 06:58

Vue使用svg图片-svg-sprite-loader插件

在vue2配合webpack；svg图片不存在id冲突，在使用时无需显示引入
禾苗种树·2024-01-27 06:28

对于gzip的了解

静态资源VueVueCLl修改vue.config.js，配置configureWebpack等属性，利用webpack的扩展功能实现gzip文件的生成（产生.gz相应的压缩文件）Reactnpmruneject
小安吖~·2024-01-27 05:51

vue init webpack时timeout

Failedtodownloadrepovue:connectETIMEDOUT192.30.253.112:443Failedtodownloadrepovue:connectETIMEDOUT192.30.253.112:443连接超时你如果没有用后面的ip地址的话，需要在C:\Windows\System32\drivers\etc的hosts文件中添加两行ip配置解决步骤：1.打开终端（c
ClearLoveQ·2024-01-27 04:15

【创建vue项目的两种方式】

Vue环境搭建NodeJs安装包安装淘宝镜像环境搭建webpack安装全局安装@vue/cli查看模板创建项目1.webpack2.vue-cliNodeJs安装包下载链接：官网链接下载下来后，直接傻瓜式的安装即可
员宇宙·2024-01-27 04:45

vue打包文件太大，利用SplitChunksPlugin插件进行公共模块抽取

vuecli3.0脚手架默认的webpack版本是4.0所以要用SplitChunksPlugin插件；webpack4之前的都是利用CommonsChunkPlugin插件来进行公共模块抽取；chainWebpack
三七_z·2024-01-27 01:46

vue项目刷新页面显示Cannot GET

网上很多方法说在webpack.config.js文件中添加devServer:{historyApiFallback:true}但有的项目没有webpack.config.js，此时可以在vue.config.js
大大。·2024-01-27 01:46

vue项目打包部署到服务器并使用cdn加速

配置vue.config.js文件constisProd=process.env.NODE_ENV==='production'module.exports={//其他配置chainWebpack:config
白小白灬·2024-01-27 01:00

React antd 安装配置按需加载

它本身集成了Webpack，并配置了一系列内置的loader和默认的npm的脚本，是用React创建新的单页面应用的最佳方式。
zoe_wang·2024-01-26 23:53

再学webpack

1优化webpack打包体积的思路优化webpack打包体积的思路包括：提取第三方库或通过引用外部文件的方式引入第三方库：将第三方库单独打包，并通过CDN引入，减少打包体积。
亮学长·2024-01-26 23:38

VueCli 3.0 配置 vue.config 优化完整版

目录一、基础配置二、服务和跨域代理设置三、CSS相关设置四、chainWebpack配置五、chainWebpack配置六、完整版vue.config.js一、基础配置module.exports={runtimeCompiler
何小半夏·2024-01-26 23:48

mac下使用Charles将线上项目的js代理到本地

Charles安装包安装成功后注册破解:RegisteredName:*zhile.io*LicenseKey:48891cf209c6d32bf42.项目设置代理本地资源，需要本地资源可在局域网内访问修改项目中webpack-dev-server
AbelLJ·2024-01-26 22:29

如何用强化学习优化广告投放中的A/B Test

公众号后台回复“图书“，了解更多号主新书内容作者：会痛的stone来源：R语言工程化A/BTest是决策科学的最常见方法之一。以广告投放为例，将客户群分为两组或多组，每组群体展示不同的广告形式。
IT农民工1·2024-01-26 21:54

webpack3.X版成长之路：01（认识webpack作用）

如果您已经在前端行业中，WebPack在业界的流行程度自然必备多说，成为了前端小白升级为前端工程师的必备技能。
神秘者007·2024-01-26 21:14

搭建Koa+Typescript项目

1.创建Node项目npminit--y2.生成配置tsconfig.json:为了在node中使用ts,首先安装ts,但是安装的ts代码不能直接执行,需要转换成js代码后才能执行,使用webpack可用
yuria_wahaha·2024-01-26 19:09

在vue项目中使用less

1.安装less和less相关转移插件npminstall--save-devlessless-loadercss-loaderstyle-loader2.webpack.base.conf.js中添加配置
3c9795394f14·2024-01-26 19:36

vue-cli 配置webpack去除console输出日志

build=>webpack.prod.conf.js在plugins:[]中增加newwebpack.optimize.UglifyJsPlugin({compress:{warnings:false
IceCover·2024-01-26 18:46

项目性能优化之用compression-webpack-plugin插件开启gzip压缩

背景：vue项目打包发布后，部分js、css文件体积较大导致页面卡顿，于是使用webpack插件compression-webpack-plugin开启gzip压缩前端配置vue.config.js先通过
weixin_42254016·2024-01-26 18:55
上一页 9 10 11 12 13 14 15 16 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他