Webpack5.0 新特性尝鲜实战

curried 发布于2019-08-26 13:37 / 840人阅读

摘要：而且作为一个版本，其中有一些，可能会导致一些配置和插件不工作。但这并无妨碍我们去开始对上的新特性进行尝鲜实战。

作者：志佳老师

本文首发微信公众号：jingchengyideng
欢迎关注，每天都给你推送新鲜的前端技术文章

前言

在老袁写这篇文章的时候，v5版本仍然处于早期阶段，可能仍然有问题。而且作为一个major版本，其中有一些breaking changes，可能会导致一些配置和插件不工作。但这并无妨碍我们去开始对changelog上的新特性进行尝鲜实战。大家如果遇到什么问题可以移步到这进行反馈。另外有关于Webpack4的配置和Compiler->Compilation->Chunk->Module->Template整体运行原理国内外有很多优秀的文章我这里就不一一展开了。接下来天也不早了人也不少了，让我们一起干点正事。

（本图截自twitter列出了接下来v5版本的改进，嗯…感觉屏幕还是小了一点）

（本图截自github,截图时间为3月12日。我们看到目前开发进度到了57%）

一顿操作猛如虎指南

升级你的Node到8（V5将Node.js版本从6升级到了8）

npm install webpack@next —save-dev

npm install webpack-cli —save-dev

package.json添加 "dev": "webpack --mode development"

package.json 添加 "prod": "webpack --mode production"

开始Webpack V5尝鲜之旅

新建src文件夹，然后新建index.js。简单的写了一句 console.log("Hello Webpack5")

1. dist打包文件测评

#激动的心 颤抖的手
npm run dev

我的内心毫无波澜…...卒

私有云超融合服务器新特性新特性整理新特性总结 PHP新特性

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/109174.html

前端每周清单第 49 期：Webpack 4 Beta 尝鲜，React Windowing 与 s

摘要：尽管等待了多年，但是最终还是发布了正式版本与上一个版本相比未有重大变化，主要着眼于部分错误修复与提升。能够将异步函数移入独立线程中，可以看做函数的单函数简化版。不过需要注意的是，仅支持纯函数，其会在独立的作用域中运行这些函数。 showImg(https://segmentfault.com/img/remote/1460000013038757); 前端每周清单专注前端领域内容，以对...

muzhuyu 2019-08-26 11:31 评论0 收藏0
HTML5中dialog元素尝鲜

摘要：控制对话框的显示隐藏也很容易，添加属性表示显示，去除为隐藏。确定取消确定取消浏览器兼容性虽然，这是一个比较好用的，但是还存在兼容性问题，和支持的比较好，中是实验特性，但是，支持的不好，不支持，也支持的不够好，只有以后支持。对话框（别称模态框，浮层）是web项目中用于用户交互的重要部分，我们最常见的就是js中 alert()，confirm()，但是这个对话框的不美观，也不能自定义样式...

jackzou 2019-08-05 15:10 评论0 收藏0
2017-10-26 前端日报

摘要：前端日报精选浅谈前端和移动端的事件机制字符串转数字陷阱前端魔法堂调用栈，异常实例中的宝藏一份完美的前端清单专为现代网站和极致的开发者打造居中办法学习笔记中文开发如何在里面优雅的解决跨域，路由冲突问题超详细前端学习译响应式脑电波如何使 2017-10-26 前端日报精选浅谈前端和移动端的事件机制JavaScript 字符串转数字：陷阱前端魔法堂——调用栈，异常实例中的宝藏一份完美的前...

jindong 2019-08-21 17:16 评论0 收藏0
2017-10-25 前端日报

摘要：前端日报精选中的生命周期函数浅谈图像优化强推见效表示使用率不断升高认识屏幕加载骨架专题系列二十篇正式完结中文插件使用在中实现下拉加载数据，瀑布流，详细操作前端学习分钟前端国际化掘金周刊盒模型详解掘金，从玩玩具的心态开始，到打 2017-10-25 前端日报精选 React中的async/await生命周期函数浅谈Web图像优化强推 HTTPS 见效？Google 表示 HTTPS 使...

_ipo 2019-08-21 17:15 评论0 收藏0
2017-10-24 前端日报

摘要：前端日报精选请求终极解决方案微信小程序之小白教程系列微信小程序样式常用命令使用教程如何在三年内快速成长为一名技术专家浅谈前后端分离与实践之中间层服务二中文框架教程阮一峰的网络日志的组合功能如何用选项连接组合文件外部定义的容器众 2017-10-24 前端日报精选 JS HTTP 请求终极解决方案[微信小程序之小白教程系列] 微信小程序 -- 样式（WXSS）常用Git命令使用教程如何...

BLUE 2019-08-21 17:13 评论0 收藏0