webpack2

Webpack(十二)：tree shaking打包性能优化

webpack2版本中就开始引入了treeshaking的概念，它可以在打包时可以忽略哪些没有被使用到的代码。注意：要让TreeShakin

CodeMT·2024-02-11 13:29

webpack----前端工程化与webpack的基本使用

文章目录1前端工程化2webpack的基本使用2.1什么是webpack2.2通过项目体验webpack2.2.1创建列表隔行变色项目2.2.2在项目中安装webpack2.2.3在项目中配置webpack2.3webpack.config.js

萤火虫的小尾巴·2024-02-07 10:27

2.前端工程化-webpack

webpack2.1概述webpack是目前流行的前端项目构建工具（打包工具），提供了模块化支持，代码压缩混淆，解决js兼容问题，性能优化等强大功能，提高了开发效率和项目的可维护性。

世界，太精彩·2024-02-04 10:35

关于webpack4.0及以上版本差别

关于webpack版本如果没有限定版本，4.0以上会有些许差别，请注意：1，npminfowebpack2，webpack-v查看版本号如果没有出现，npminstall--globalwebpack-cli

等不到戈多了·2024-02-02 20:56

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

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

员宇宙·2024-01-27 04:45

关于vue 动态引入（异步加载import和require）组件的方法和坑（按需懒加载组件，动态生成路由）babel-plugin-dynamic-import-node 优化编译速度

前言：最近在改造vue-cli2.x+webpack2.x的项目时，由于之前路由是静态的，没有根据菜单权限动态生成前端路由。所以想对此进行改造，然后碰到了一些问题和坑，现在总结一下，避免以后继续踩坑。

YorcentLuo·2024-01-24 02:45

搭建React开发环境-webpack实现

webpack版本：webpack5编译器：vscode第一步、新建项目及初始化1）新建项目文件夹可命名为my_webpack2）初始化项目使用命令npminit-y，即可生成package.json文件夹

梦幻通灵·2024-01-08 07:30

vue3学习—vite原理

vue3学习—vite原理一、vite原理1、webpack2、vite3、webpack和vite的比较4、提问：vite中能使用commonJs一、vite原理要了解vite首先从webpack讲起

飞羽逐星·2023-12-18 06:14

创建vue项目，使用vue-cli搭建项目脚手架

一、vue-cli介绍vue-cli是一个脚手架工具，它集成了诸多前端技术，包括但不仅限于：1、webpack2、babel3、eslint4、http-proxy-middleware5、typescript6

虚心若愚求知若渴·2023-12-14 17:15

Angular项目加载时间优化

二：Rollup摇树优化所谓Rollup是指Webpack2会把那些应用中未使用的引用代码除掉，但不会删除这些代码，所以就需要配合UglifyJs

皮卡许·2023-12-06 02:17

Cannot assign to read only property 'exports' of object 解决办法

因为webpack2中不允许混用import和module.exports,解决办法有两种：一、统一改成ES6的方式编写即可.二、添加插件npminstall--save-dev@babel/plugin-transform-modules-common

川江·2023-11-30 07:22

前端工程化与webpack

文章目录一、前端工程化1、小白眼中的前端开发vs实际的前端开发2、什么是前端工程化3、前端工程化的解决方案二、webpack的基本使用1、什么是webpack2、创建列表隔行变色项目3、在项目中安装webpack4

步步生花@苏殿主·2023-11-29 01:27

webpack 简介以及和gulp区别

参考Webpack傻瓜式指南第一章：Webpack缘起和入门Webpack傻瓜式指南第二章Webpack进阶：实战技巧Webpack傻瓜式指南githubcodewebpack2打包实战入门Webpack

合肥黑·2023-11-26 12:15

【Vue】后台管理系统

O项目说明1.脚手架vitevue-cli==》webpack2.vite脚手架使用官网：https://vitejs.cn/Vue3vite官网：https://cn.vitejs.dev/Vite下一代的前端工具链

GreatWillSSS·2023-11-26 02:33

vue-cli中的webpack配置

segementfalut链接在这里版本号vue-cli2.8.1(终端通过vue-V可查看)vue2.2.2webpack2.2.1目录结构├──README.md├──build│├──build.js

w36680130·2023-11-25 12:53

简单vue项目脚手架（vue+webpack2.0+vuex+vue-router）

vuex(^2.3.1)vue-router(^2.5.3)vue-loader(^12.2.1)eslint(^3.19.0)需要学习的知识vue.jsvuexvue-routervue-loaderwebpack2eslint

weixin_30689307·2023-11-24 09:03

2019-03-31 Webpack4与3的区别

安装首先要重新安装webpack依赖包1webpack2webpack-cl

断水流大师哥·2023-11-22 14:00

vue查询学习笔记

实例及选项1.1.1模板1.1.2数据1.1.3方法1.2生命周期1.3数据绑定1.3.1文本插值插值操作内置指令v-oncev-htmlv-textv-prev-cloak动态绑定属性v-bind二、webpack2.1

青岛City·2023-11-20 16:27

使用hard-source-webpack-plugin优化vue编译速度

现在公司的项目文件越来越多,感觉每次打包的速度有点慢,就尝试了一下优化项目编译速度dll方案通过DllPlugin打包dll.js文件,然后引入.经过一番折腾的结果是打包时间反而增加了,我纳闷得不行,后来查询发现这个方案只对webpack2

可乐会唱歌·2023-11-20 14:55

webpack的使用方法

webpack笔记1、webpack的安装和使用一、webpack模块化打包工具二、安装webpack2.1先全局安装cnpminstallwebpack-gcnpminstallwebpack-cli-gcnpmiwebpackwebpack-cli-g2.2

久作长安旅·2023-11-09 06:53

vue-cli脚手架配置教程

目录一、脚手架简介1.webpack2、脚手架介绍3、创建vue-cli4项目三、项目结构说明1、项目结构2、src目录说明3、单文件组件4、vue.config.js文件四、安装axios包1、安装axios2

zabaniya1886·2023-11-05 18:06

初识webpack和打包过程

文章目录一、path模块1.内置模块path2.path常见的API二、webpack1.认识webpack2.脚手架依赖于webpack3.Webpack到底是什么呢？

coder!mq·2023-11-01 10:23

Vue——动态组件、缓存组件keep-alive、异步组件

目录组件高级2.动态组件3.缓存组件keep-alive4.异步组件(高薪意向)方法一：通过webpack2.0的按需加载(不常用)方法二：通过webpack2+es2015返回一个promise（import

爱喝牛奶~·2023-10-29 02:26

webpack基础配置教程

文章目录1.初识Webpack2.开启项目3.处理js和json文件webpack小试牛刀webpack打包js/json文件webpack默认不能处理css4.webpack配置文件5.打包less、

ps酷教程·2023-10-28 07:37

webpack与vue-cli的关系

目录1、什么是Webpack2、为什要使用WebPack3、WebPack和Grunt以及Gulp相比有什么特性4、什么是vue-cli5、webpack与vue-cli的关系扩展：vue-cli2.x

儒雅的烤地瓜·2023-10-28 05:21

前端开发技术栈（工具篇）：2023深入了解webpack的安装和使用以及核心概念和启动流程（详细） 63.3k stars

目录Webpack简介EntryModuleChunkLoaderPluginOutputWebpack的启动流程Webpack的优缺点Webpack的使用1.安装Webpack2.创建Webpack配置文件

SteveRocket·2023-10-27 08:34

【前端】Webpack5中Html和CSS的压缩打包

1.Webpack5简介1.1.Webpack简介（1）webpack的发展历程2012.3—webpack（问世）2014.2—webpack12016.12—webpack22017.6—webpack32018.2

互联网小阿祥·2023-10-25 06:46

Angular 2 ：初识 Angular-cli[官方脚手架] 及脱坑要点

>>>什么是Angular-cli简言之：就是NG团队自行维护的一个｀脚手架｀[内置单元测试及webpack2打包工具等]－－这货前身是ember-cli；官网：https://cli.angular.io

weixin_34390996·2023-10-23 20:07

那些你面试必须知道的webpack知识点

1.2安装webpack1.3简单使用一下webpack2、webpack的入口与输出2.1入口(entry)2.2输出(output)3、入口多种配置方法3.1多文件打包成一个文件3.2多文件打包成多文件

东方青云、·2023-10-22 12:06

关于前端工程化实践

目录一.前端工程化实践1.项目构建之WebPack2.多人协作开发规范ESLint3.自动化测试5.GitHub版本及代码管理一.前端工程化实践1.项目构建之WebPackWebPack何物？

绿足·2023-10-20 02:14

require.ensure()和import() 使用区分

require.ensure()在webpack2的官网上写了这么一句话：require.ensure（）特定于的的的WebPack并由进口（）取代。

sma2mmm·2023-10-07 18:54

vue后台管理系统，mixin妙用

1、vue全家桶开发后台管理系统vue+vue-router+vuex+es6+scss+webpack2、vue的mixin使用后台系统有很多页面都有类似的增删改查操作，使用mixin效果非常好，重复的劳动大大减少

weixin_34396103·2023-10-02 09:09

Webpack5——2022保姆级基础教程

Webpack1、Webpack2、下载使用3、配置Webpack3.1模式mode3.2入口entry3.3依赖图3.4出口output3.5loader配置使用内联使用style-loaderless-loaderBrowserslistrc

焦妮敲代码·2023-09-23 14:48

Karma+mocha+es6+webpack配置自动化前端环境

安装依赖1全局安装karma-cli2安装webpack2/33安装karma,karma-mocha,karma-chai,karma-chrome-launcher,mocha,chai4安装karma-webpack

HiFi不二·2023-09-22 06:19

vite和webpack的区别

vite和webpack的区别1、前言2、Webpack2.1Webpack简述2.2Webpack常用插件3、Vite3.1Vite简述3.2Vite插件推荐4、区别4.1开发模式不同4.2打包效率不同

前端~初学者·2023-09-18 13:13

webpack

webpack一、前端工程化1、前端开发历程2、什么是前端工程化3、前端工程化的解决方案二、webpack的基本使用1、什么是webpack2、列表隔行变色例子3、安装和配置webpack1.安装webpack2

霍志杰·2023-09-17 16:04

2021-07-01

webpack-dev-server要改成webpackserverhttps://blog.csdn.net/SilenceJude/article/details/103080559如下11步1、安装webpack-cli，升级webpack2

weixin_46962492·2023-09-11 17:24

vue 项目代码混淆配置（自定义插件适用）带配置项注释

添加混淆配置3.执行代码混淆vue项目代码混淆配置（自定义插件适用）带配置项注释一、概要本文章适用vue-cli3/webpack4搭建的vue项目，vue-cli2或者webpack@2@3版本混淆查看这篇webpack2webpack3

棒棒的唐·2023-09-09 08:37

TypeScript 的发展与基本语法

、补充类型3、泛型4、泛型的高级语法5、类型别名&类型断言6、字符串/数字字面量三、高级类型1、联合/交叉类型2、类型保护与类型守卫3、merge函数4、函数返回值类型四、工程应用1、浏览器Web--webpack2

五秒法则·2023-08-28 10:33

Vue 学习笔记 5 -webpack

文章目录1.背景1.1node.js和npm1.2nrm1.3网页中常见的静态资源2.webpack2.1webpack的安装2.1.1全局方式安装2.1.2单个项目安装2.2webpack.config.js2.3package.json2.4webpack

Thomas.Ma·2023-08-21 03:38

初识Vue Loader 笔记

1.是什么是一个webpack的loader2.安装方法两种：vue-cli直接创建；手动创建：1、初始化webpack2、安装vue注意：每个vue包的新版本发布时，一个相应版本的vue-template-compiler

鸢尾嵌宇·2023-08-20 21:01

vue 的异步组件与路由懒加载

一个较为简单的方法是结合webpack2与ES6，通过在工厂函数中返回一个promise来实现异步组件。具体代码

牛鼻子老邵·2023-08-17 09:20

使用webpack

mkdirwebPackProject），在终端中转到该文件夹后执行下述指令就可以完成安装//全局安装npminstall-gwebpack//安装到你的项目目录npminstall--save-devwebpack2

泽玲_d7fb·2023-08-08 07:20

Webpack(一)：基本配置

在项目中直接运行如下命令，就可以把webpack安装到全局去；如下命令：npminstall-gwebpack2.安装webpack到本项目。在本项目中，执行如

CodeMT·2023-08-03 19:47

webpack2入门(构建简单项目-webpack3的部分特性)

1、创建webpack2_test文件夹，创建package.json文件npminit初始化项目2、安装webpack包1.全局安装cnpminstallwebpack-g(目前版本是3.8.1)2.

前端小小工程师·2023-07-27 07:04

第1集丨webpack 江湖 —— 概述

目录一、背景1.1前端模块加载1.2所有资源都是模块1.3静态分析二、什么是Webpack2.1入口(entry)2.2输出(output)2.3loader2.4插件(plugin)2.5模式(mode

秋堂主·2023-07-27 00:00

Rollup 与 webpack的区别？

特性：webpack拆分代码，按需加载；Rollup所有资源放在同一个地方，一次性加载，利用tree-shake特性来剔除项目中未使用的代码，减少冗余，但是webpack2已经逐渐支持tree-shake

WY_ALA·2023-07-24 10:52

Webpack工程化学习 02 Webpack开发环境搭建

1.开发环境NodeJSNPMWebpack2.NodeJS2.0安装NodeJSWindows：可以直接在官网下载安装包MacOS：可以使用brew（themissingpackagemanager）

BML0·2023-07-21 12:50

webpack2-3基本配置

constpath=require('path')constwebpack=require('webpack')constExtractTextPlugin=require('extract-text-webpack-plugin')varhtmlWebpackPlugin=require("html-webpack-plugin");module.exports={entry:{'index':

前端陈晨·2023-07-14 13:54

vue启动编译时报错：134（内存溢出）

项目环境：win7+vue2+webpack2最近开发过程中项目莫名其妙就起不来了，报错大致如下：经过一番搜索，尝试了多种方法都不行,比如：1.npminstallincrease-memory-limitnpminstallcross-env

~~帅~~·2023-07-14 06:43

推荐频道