Webpack中文社区正式成立-多位前端大牛参与解答开发难题

最新推荐文章于 2024-04-04 11:55:29 发布
最新推荐文章于 2024-04-04 11:55:29 发布
阅读量5.7k 收藏 12
点赞数 10
分类专栏： Web前端 Webpack 文章标签： 社区 前端 webpack

第一次转载文章，自己加了一点点东西，修改了一下下布局
确实是个好消息，我觉得有必要推广一下╰(￣▽￣)╭
在此感谢前端大神们对于社区的无私贡献
让我们这些小白们看到了一线曙光~~

2017年1月18日，webpack 2.2正式版本发布！webpack2新文档传送门
同一天，webpack中文社区正式成立，创建者希望通过培育社区，促进webpack以及前端工程化的发展。

webpack中文社区已邀请到包括腾讯AlloyTeam leehey、搜狐视频leo、淘宝FED上坡、w3ctech裕波在内的国内多位webpack使用及周边开发的专家，定期为大家答疑、贡献优秀文章。

对webpack及前端工程化有较大热情的专家们，衷心欢迎你们加入到该社区中，携手一起解决前端开发中遇到的各种webpack，乃至工程化问题，共同推进该技术领域的发展。

webpack中文社区重要核心成员*

webpack中文社区重要核心成员


更为重要的是webpack核心团队成员Sean T.Larkin也将定期在该社区为大家解答问题,
他希望更多的前端专家可以加入成为“webpack中国大使”。



目前，webpack 2.x的翻译计划已上线，最全webpack中文文集也已经准备就绪，大家可以查阅。
同时也呼吁对此感兴趣的开发者，如有余力欢迎参与到翻译以及文章贡献计划中来。

（倒数第三个是我的文章- -）

最后，大家可以加入公众QQ群：425986482，与社区各核心成员及更多同行，共同探讨有关webpack的相关问题
同时再告诉大家一个重要的消息，该社区核心成员也正筹建开发者社区webpack-china.org
社区建立之后，大家可以在上面进行问答互动，以及知识的沉淀

==主页传送门==

刻刻帝丶
关注
  • 10
    点赞
  • 踩
  • 12
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
webpack-parallel-uglify-plugin：更快的uglifyjs插件
02-06
webpack-并行-uglify-插件 该插件可帮助具有多个入口点的项目加快其构建速度。 webpack随附的UglifyJS插件在每个输出文件上顺序运行。 对于每个可用的cpus，此插件uglify与一个线程并行运行。 由于最小化会占用大量...
前端基础知识之 Webpack
不知名人士的博客
07-22 1007
loader让webpack能够去处理那些非JS文件的模块，例如CSS与图片文件。
前端---【webpack打包工具的介绍和基本使用】
m0_61307468的博客
04-26 1175
一.webpack介绍 1.1什么是webpack 1.2webpack五个核心概念 1.2.1Entry 入口 1.2.2Output 1.2.1Entry 入口 入口起点(entry point) 指示 webpack 应该使用哪个模块，来作为构建其内部依赖图的开始。进入入口起点后，webpack 会找出有哪些模块和库是入口起点依赖的 ​ 1.2.2Output npm i webpack webpack-cli -D 安装 npm init -y 创建入口JS模块: src/
Webpack的五个核心概念，2024最新前端开发者学习路线
最新发布
2301_78399550的博客
04-04 909
入口（Entry）指示Webpack以哪个文件为入口起点开始打包，分析构建内部依赖图输出（Output）指示Webpack打包后的资源bundles输出到哪里去，以及如何命名Loader让Webpack能够去处理非JavaScript文件（webpack自身只了解JavaScript）插件（Plugins）可以用于执行范围更广的任务。插件的范围包括，从打包优化和压缩，一直到哦重新定义环境中的变量等。模式（Mode）只是Webpack使用相应模式的配置| 选项 | 描述 | 特点 |
这些资料助你搞透 Webpack
lefex的博客
08-19 925
学习 webpack 的时候，我主要参考了以下资料，分享给大家：在掘金上搜索 webpack 相关的文章有 4533 篇，这么多的文章根本看不过来，这些文章适合对某个特定的概念理解不透彻...
【WebPack】前端工程化
懂得一千零一种,赋予你失败的方法！
06-18 1537
概念：webpack 是前端项目工程化的具体解决方案。主要功能：它提供了友好的前端模块化开发支持，以及代码压缩混淆、处理浏览器端 JavaScript 的兼容性、性能优化等强大的功能。好处：让程序员把工作的重心放到具体功能的实现上，提高了前端开发效率和项目的可维护性。注意：目前企业级的前端项目开发中，绝大多数的项目都是基于 webpack 进行打包构建的。在配置文件中，通过entry节点指定打包的入口。通过output节点指定打包的出口。
Webpack——走向高阶前端的必经之路
油墨香^-^的博客
04-04 1297
在阅读本文之前，我就默认电脑前的你已经掌握了webpack的基本配置，能够独立搭建一款基于webpack的前端自动化构建体系，所以这篇文章不会教你如何配置或者使用webpack，自然具体概念我就不做介绍了，直面主题，开始讲解webpack原理。初始化配置参数 -> 绑定事件钩子回调 -> 确定Entry逐一遍历 -> 使用loader编译文件 -> 输出文件接下来，我们将对具体流程逐一介绍。
webpack-merge-and-include-globally:合并多个文件（js，css ..）并“按原样”运行以包含它们。 支持通过自定义转换和通配符路径进行缩小
05-01
假设您想使诸如jquery ， moment （包括3种语言）和toastr在全球范围内可用，而您正在努力通过webpack使它们成为全局库，或者只是因为require（）而将其导入（如果它们编写得不好）。将代码包装到新的作用域中，并且...
webpack-extension-reloader：从“ webpack-chrome-extension-reloader”的升级，现在在所有浏览器上
02-06
Webpack扩展重新加载器一个Webpack插件，可在开发过程中自动重新加载浏览器扩展。正在安装npm npm install webpack-extension-reloader --save-dev 纱yarn add webpack-extension-reloader --dev解决方案... 您是否...
webpack-theme-color-replacer：用于webpack的运行时动态主题颜色替换插件
02-04
这是一个示例： : 实施（中文）： : 安装npm i -D webpack主题颜色替换器Webpack的Cofig const ThemeColorReplacer = require ( 'webpack-theme-color-replacer' )module . exports = { // ..... oth
webpack-使用webpack-dev-server.rar
04-12
webpack-dev-server 为你提供了一个简单的 web 服务器，并且能够实时重新加载。这里用一个最简单的例子，让大家迅速的了解原理，避免被其他的附加技术干扰。
适用于初级前端的webpack了解
qq_49171551的博客
10-07 1810
1.开发的时候使用前端模块化，但是浏览器对模块化的支持程度很低，所以我们要借助webpack模块化打包工具，将模块化代码打包成浏览器支持的规范。3.由于webpack只解析js文件，所以利用loader将非js文件解析成js文件，如：sass css png等。（1）htmlWebpackPlugin：自动生成html文件，自动引入打包好的脚本文件。（2）webpack-bundle-analyzer：可视化插件，分析模块化的大小。一、webpack的作用。三、webpack的核心。
《Vue入门到精通之webpack详解》
HTML网页设计
08-14 379
认识webpackwebpack的安装webpack的起步webpack的配置loader的使用webpack中配置Vueplugin的使用搭建本地服务器从本质上来讲，webpack是一个现代的JavaScript应用的静态模块打包工具模块和打包package.json中的scripts的脚本在执行时，会按照一定的顺序寻找命令对应的位置。首先，会寻找本地的node_modules/.bin路径中对应的命令。如果没有找到，会去全局的环境变量中寻找。...
webpack3中文版使用参考文档--全面解析webpack.config.js
weixin_30314793的博客
07-07 395
Webpack目前官方发布的最新版本是3.1.0，相对于2.0的版本，在语法上没有变动，只是新增了功能。使用webpack，需要事先安装node.js，并对node.js生态有一些基本的了解,比如(npm init 初始化项目，npm install 安装一个包等等)。使用webpack通常有两种方式：1. 命令行方式（CLI) , 2 script方式（推荐）。 两种方式都需要理解webpack...
webpack概念以及配置文件详解
YEYEYE的博客
03-02 5869
Webpack 概念 本质上，webpack 是一个现代 JavaScript 应用程序的静态模块打包器（module bundler）。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图（dependency graph）,其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle。 模块（Modules）： 在模块化编程中，将程序分解成离散...
webpack中文官网
weixin_30709061的博客
07-31 2162
https://doc.webpack-china.org/ 转载于:https://www.cnblogs.com/wusheng2016/p/7264725.html
webpack书本总结，入门webpack必备(1)
lin_fightin的博客
12-23 1002
观看了《webpack实践，进阶调优》的书本，记下了一下认为重要的笔记，可能对你也有用 正文开始： commonjs与esmodule区别： 1 commonjs模块依赖关系的建立发生在代码运行阶段； esmodule模块依赖关系的建立发生在代码编译阶段 ​ - esmodule的优点 ​ 1 esmodule可以“死代码检测和排除”通过静态分析可以在打包时去掉这些未曾使用过的模块，以减小打包资源体积。 ​ 2 模块变量类型检查 ES6 Module的静态模块结构有助于.
前端必备--Webpack
qq_44665456的博客
04-21 986
一、Webpack是什么？ Webpack 是一个打包模块化 JavaScript 的工具，在 Webpack 里一切文件皆模块，通过 Loader 转换文件，通过 Plugin 注入钩子，最后输出由多个模块组合成的文件。Webpack 专注于构建模块化项目。 一切文件：JavaScript、CSS、SCSS、图片、模板，在 Webpack 眼中都是一个个模块，这样的好处是能清晰的描述出各个模块之间的依赖关系，以方便 Webpack 对模块进行组合和打包。 经过 Webpack 的处理，最终会输出浏览器能
webpack webpack-cli webpack-dev-server配置
08-16
对于Webpack的配置，你需要安装一些必要的依赖包。首先，确保你已经安装了Node.js和npm。然后，可以通过以下步骤来配置Webpack： 1. 创建一个新的项目文件夹，并在终端中导航到该文件夹中。 2. 初始化一个新的npm...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值