webpack3

webpack3.x升级4.x时遇到的问题

背景在vue-cli3发布之前，使用vue-cli2构建的vue项目是基于webpack3.x的，伴随着项目的版本迭代，功能逐渐增多，文件也逐渐增多，打包时间从最初的5分钟，最久的时候19分半钟。
Lsnsh·2019-12-14 07:29

从零开始搭建一个简单的基于webpack的vue开发环境

从零开始搭建一个简单的基于webpack的vue开发环境注：基于webpack3.X的版本，webpack4.X的版本不适用参考链接：https://segmentfault.com/a/1190000012789253
淡淡的澜·2019-12-13 03:58

vue-cli之webpack3构建全面提速优化

前言伴随着vue的全球化，各种vue的组件框架越来越完善，从早期的element-ui到vux，iview等越来越多高质量的项目，使用vue进行前端构建已然是一件工程化，模块化，敏捷化的事情在这其中，相信很多人都会选择官方的vue-cli初始化工程模板，然后通过引入第三方组件框架和工具的方式进行开发构建，我个人也十分推崇这种做法。但是vue-cli初始化的项目模板毕竟是面向所有开发者的，在兼容性方
宇帅·2019-12-08 05:41

vue 配置多页面应用的示例代码

前言:本文基于vue2.5.2,webpack3.6.0（配置多页面原理类似，实现方法各有千秋，可根据需要进行定制化）vue是单页面应用。
程序汪丶·2019-12-08 04:01

webpack3升级webpack4

卸载相关包然后重新安装，再根据提示更新相关包npmuninstallwebpackwebpack-dev-serverwebpack-merge-Dnpmiwebpackwebpack-dev-serverwebpack-mergewebpack-cli-D(webpack-cli4.0新增一个命令行的包)会出现很多需要升级依赖的提示，和前面一样先卸载然后安装下面是我的工程需要更新的东西ajv-k
type雨过·2019-12-07 14:02

webpack3 使用ES6：ERROR in XX.js from UglifyJs

name(extends)[bundle.e65c521704a601f16148.js:1,57374]或者ERRORinxx.jsfromUglifyJsInvalidAssignment..原因分析webpack3
郝开心信札·2019-12-06 21:48

webpack引入boostrap

Bootstrap4BetaimportingPopper.jswithWebpack3.xthrowsPopperisnotaconstructorWhilebrowsingBootstrap4documentation.IactuallyfoundasectionaboutWebpackwhichexplainshowtoinstallitcorrectly.FollowingtheBoots
Guyw·2019-12-06 08:57

2018-01-05

总结包括：1了解前端打包方案的黑暗历史2模块化发展3Webpack3打包流程在说webpack之前,我想先谈一下前端打包方案这几年的演进历程,在什么场景下,我们遇到了什么问题,催生出了应对这些问题的工具
NOTEBOOK2·2019-11-30 10:53

css模块化配置

webpack3.8.1中配置{test:/\.less$/,exclude:[path.join(__dirname,'..
严圣军Johnson·2019-11-29 21:48

Switch开关控制禁用启用单选按钮组和下拉框

2.使用技术vue.jsvue-routerelementwebpack3.实现源码ABCDexportdefault{name:'Sa',data(){return{dataForm:{type:1,
游海东·2019-11-28 16:47

webpack3、4的基本的使用方法

webpack的基本使用webpack的安装webpack的使用时需要借助node的环境的在node中自动下载了npm这个包管理工具，之后的操作我们需要使用npm包管理工具进行相关操作我们需要打开终端（cmd）或者编译器中的终端（我使用的vscode编译器，使用ctrl+shift+~打开终端）输入npminstallwebpack-g即可在全局下载webpack,-g表示全局安装。下载好之后在终
scriptLiu·2019-11-22 12:00

vue+webpack4+TypeScript

typescript项目github地址：https://github.com/seanffy/vue-webpack4-TypeScript1、创建项目使用vueinitwebpackproject创建一个vue+webpack3
杨贤飞·2019-11-08 05:11

webpack4多页面脚手架

webpack4多页面脚手架(移步webpack3多页面)适用于多个静态页面的显示,如官网html-loader复用头文件和尾部文件源码地址:https://github.com/WangZhenHao
aConfuseBoy·2019-11-08 05:19

学习webpack3

此文档使用webpack版本为3.4.1，在你自行测试中，可能输出结果与文档中所贴出内容不一致，请以你自己的代码为准安装本地安装npminstall--save-devwebpack或npminstall--save-devwebpack@[version]全局安装npminstall-gwebpack不推荐使用全局方式安装，将会影响项目中所使用的webpack版本起步使用CLI（命令行）创建一个
格调的声色影像·2019-11-04 19:43

手摸手，带你用合理的姿势使用 webpack 4（上）

Ohyouarestillonwebpack3.I’msorry,what
grain先森·2019-11-03 04:51

webpack3.0版本简易配置傻瓜教程（二）

在你初始化的webpack目录下创建一个webpack.config.js文件module.exports={entry:{},//入口output:{},//出口devServer{},//自动热更，就是更新代码，然后浏览器自动刷新module{},//模块，比如一些css-loaderjs-loader就放在这里plugins{},//插件}单一的入口和出口entry:{one:'./src/
麦勇潮·2019-11-02 20:39

webpack4之代码分割splitChunks和压缩优化

为了提高打包速度，每次变化仅仅是重新打包自定义代码部分，webpack4提供了optimization.splitChunks回顾一下：webpack3时代，项目的代码分离抽取出来，是这样子的：使用newwebpack.optimize.CommonsChunkPlugin
学崖无海·2019-10-10 20:44

webpack4.41.0配置一（基础配置webpack文件，入口出口，实现打包）

webpack4时，请确保node.js的版本>=8.9.4）2.我先重新卸载了webpack和webpack-cli(全局)npmuninstall-gwebpack-clinpmuninstall-gwebpack3
ahaMOMO·2019-10-08 13:00

webpack3升级到webpack4遇到问题总结

最近由于项目需要，需要对已有的两个vue项目进行webpack3升级到webpack4，此处记录一下整个升级过程的几个重要步骤，以及遇到的问题和解决方案。
haru·2019-09-30 10:02

webpack3升级到webpack4遇到问题总结

最近由于项目需要，需要对已有的两个vue项目进行webpack3升级到webpack4，此处记录一下整个升级过程的几个重要步骤，以及遇到的问题和解决方案。
haru·2019-09-29 00:00

Webpack全攻略

cnpminstallwebpackwebpack-cli-g//webpack-v检查版本//webpack-cli-v全局安装有一个缺点，比如你有一个项目时用webpack4打包的，它依赖的一个项目使用webpack3
Jsonzhang·2019-09-18 13:46

脱离脚手架来配置、学习 webpack4.x （一）基础搭建项目

序现在依旧记得第一次看到webpack3.x版本配置时候的状态刚开始看到这些真的是一脸懵。希望这篇文章能帮到刚开始入门的同学。webpack是什么？
风吹De麦浪·2019-09-11 23:00

Vue+TypeScript

由于使用的是Vue-cli2+webpack3.6.0版本，按照webpack3的方式来搭建的，所以安装时一定要注意自己的版本与插件版本哈。前边儿初始化Vue项目啥
fanlcwowo·2019-09-09 13:22

webpack4.x基本配置

在学习vue的时候，需要进行打包操作，视频看的是webpack3的踩了好多坑，所以在记录一下，方便后续复习。有错误请指出。
小甜橘·2019-09-07 20:00

【前端卡顿的优化思路和方案01】webpack从2.2.1升级到webpack4全纪录（目前先升级到webpack3.8.1）

背景目前的webpack的版本是2.2.1，而webpack目前的最新版本已经更新到了4.39.3直接需求前端页面比较卡顿原因1文件都是采用的require的按需加载的模式，点击到大文件的时候，加载时间较长。某个页面要加载的js文件2.4m，需要2-3秒才能加载完原因2首页内容过多，会发出许多http请求，如果此时点击其他页面，会导致请求进入了排队队列，要等到首页的请求完成才能开始。比如点进去首页
SinF·2019-09-06 00:00

关于搭建element + vue + springboot的始终

目录目录一、从nodejs开始1、Node.js2、npm：node的maven工具3、mvvm二、webpack1、webpack是什么2、为什要使用WebPack3、webpacknpmnode之间关系
jacky__bj·2019-08-24 15:21

webpack 学习

malun666.github.io/aicoder_vip_doc/#/pages/vip_2webpack1.初始化一个package.json文件npminit-y2.安装webpacknpmi-Dwebpack3
十三月呀·2019-08-23 16:08

webpack3入门配置

webpack是一个现代JavaScript应用程序的静态模块打包器(modulebundler)。当webpack处理应用程序时，它会递归地构建一个依赖关系图(dependencygraph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个bundle。1.新创建一个React的文件夹，里面新建一个webpack的配置文件image.png2.添加入口entry和出口outp
尤雨溪的大迷弟·2019-08-19 14:59

前端webpack构建优化

一.HappyPack多线程编译Intel(R)Core(TM)[email protected]核16线程webpack3.12.0Threa
趁你还年轻233·2019-08-03 10:26

前端webpack构建优化

一.HappyPack多线程编译Intel(R)Core(TM)[email protected]核16线程webpack3.12.0Threa
趁你还年轻·2019-08-03 00:00

webpack中tree-shaking技术介绍

之前介绍过webpack3的新特性，里面提到webpack2支持了ES6的import和export，不需要将ES6的模块先转成CommonJS模块，然后再进行打包处理。
weixin_30412167·2019-07-27 20:25

读书笔记——《深入浅出 webpack》（送 XMind导图和电子书）

但不可否认，这本书确实有些地方已经过时（用的webpack3）大家看的时候取其精华，去其槽粕
GpingFeng·2019-07-26 22:09

读书笔记——《深入浅出 Webpack》（送 XMind导图和电子书）

但不可否认，这本书确实有些地方已经过时（用的webpack3）大家看的时候取其精华，去其槽粕
weixin_30646315·2019-07-26 14:36

webpack3 升级 webpack4踩坑记录

本篇不包含所有坑，暂时只记录自己踩到的部分坑一.安装安装webpack4最新版本npminstall--save-devwebpack@4安装新增依赖webpack-cli这个在webpack3中，webpack
澹台宇鹏·2019-07-24 00:00

xx前端开发规范

开发规范的目的提高团队开发效率有利于项目的后期维护使开发更加标准化使开发更加流程化前端使用的技术栈vue（2.0+）vue-routervueXaxioses6webpack(4.0+)lesselementUI(按需加载的方式)vue-cli(2.0+)运用vuecli2.0+搭建的项目(webpack3.0
suipa·2019-07-18 00:00

webpack3和webpack4区别

1.modewebpack增加了一个mode配置，只有两种值development|production。对不同的环境他会启用不同的配置。webpack4中通过内置的mode使用相应模式的内置优化。比如设置mode等于'development'，会将process.env.NODE_ENV的值设为development，开发环境下启用optimization.nameModules（原nameMo
苏小米·2019-07-04 13:00

webpack详细教程

/article/details/79099322https://www.imooc.com/article/66984https://www.jianshu.com/p/b85c52360b83二、webpack3
八翼大天使·2019-06-25 20:12

webpack 3.1 升级webpack 4.0

webpack3.1升级webpack4.0为了提升打包速度以及跟上主流技术步伐，前段时间把项目的webpack升级到4.0版本以上webpack官网：https://webpack.js.org/正常操作升级
风吹De麦浪·2019-06-24 01:00

webpack生成的css文件background-image url图片无法加载

之前在使用webpack3构建基于less预处理的项目时，在对指定的元素使用background-image:url(xxx)来设置背景图片时，本地开发是ok的，但是在项目编译产出后背景图片就找不到；目前用
wonyun·2019-06-17 12:00

前端的工程化和自动化

前端的工程化和自动化gruntgulpbrowserifywebpack当今主流webpackvuereactangular当前市面2个版本webpack3.0webpack4.0webpack41.webpack
YH_ang_eng·2019-06-11 22:13

前端的工程化和自动化

前端的工程化和自动化gruntgulpbrowserifywebpack当今主流webpackvuereactangular当前市面2个版本webpack3.0webpack4.0webpack一、webpack
细雨、·2019-06-11 21:33

webpack基本配置-笔记

本文属于学习笔记，如果发现错误，希望及时指正，谢谢~webpack版本webpack1.xwebpack2.xwebpack3.xwebpack4.x官网:https://webpack.js.org/
努力努力再努力LFY·2019-06-10 23:16

webpack4之如何编写loader的方法步骤

之前学习过webpack3的知识，但是webpack4升级后还是有很多变动的，所以这次重新整理一下webpack4的知识点，方便以后复习。
撸狗吸猫·2019-06-06 10:10

打包工具webpack和热加载深入学习

我们今天使用的是webpack3.8.1版本的，我们学习使用3.8.1更稳定些，并学习自己如何配置文件，最新版本不需要自己配置文件，但我们需要知道配置文件的原理最新版本的webpack已经更新到4.32.2
硅谷之火·2019-06-04 19:00

vue-cli3+ts+webpack实现多入口多出口功能

使用的是vue2.x+webpack3.x集成的多入口多出口，感兴趣的小伙伴可以看看。然而，公司领导要求项
zrx1118·2019-05-30 16:29

Vue项目从webpack3.x升级webpack4不完全指南

前段时间，泡面将自己的一个Vue-cli构建的前端框架从webpack3.x升级到了4.x版本，现在才拉出来记录一下，已备忘之用，也和大家分享一下，以免大家采坑。
Vicco W.·2019-04-28 14:35

Webpack3.0配置

1.代码分割(CodeSplitting)1.1CommonsChunkPluginCommonsChunkPlugin可以进行同步代码分割。代码结构src/page/pageA.jsimport'./subPageA'import'./subPageB'importlodashfrom'lodash'console.log('thisispageA')src/page/pageB.jsimpor
nimw·2019-04-24 16:22

vue客户端渲染首屏优化之道

可以提高打包速度和缓存第三方库这种方式打包可以见京东团队的gaea方案https://www.npmjs.com/package/gaea-cli2、webpack4的splitChunks或者webpack3CommonsChun
魑魅魍魉_killer·2019-04-17 16:00

webpack3----html-webpack-plugin、loader、url-loader

上节，我们把一个js文件放到了内存加载，那么我们想把HTML也放在里面加载怎么办？这时，就需要用到一个新的插件html-webpack-glugin本地安装cnpmihtml-webpack-plugin-D安装好之后webpack.config.js导入这个插件consthtmlWebpackPlugin=require('html-webpack-plugin')plugins:[newhtm
dick_taker·2019-04-05 11:19

基于vue element-ui扩展组件库之（1）搭建框架

*element-ui2.5.xwebpack3.x初始化项目安装vue-clinpminstall-gvue-cli如果执行npm命令提示operationnotpermitted,则需要使用管理员权限运行
is_duke·2019-03-21 17:08
上一页 6 7 8 9 10 11 12 13 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他