Webpack-文章-Go语言中文社区

0推荐

1445浏览

史上最走心webpack4.0中级教程——配置之外你应该知道的事

《webpack4.0各个击破系列》适合不满足于只会配置webpack但一时间又看不懂源码的中级读者。我没法保证这个系列是最好的，但至少能保证每一篇博文都跟那些Ctrl+C和Ctrl+V的博文有本质的区别，不信你读读看。一.webpack是什么中文版官方网址：www.webpackjs.com webpack是前端最火的打包工具，是大前端自动化工厂的重要组成部分。上面的LOGO已经非常形象地表达了webpack所做的最主要的

0

0推荐

1290浏览

webpack4.0各个击破（1）—— html部分

webpack作为前端最火的构建工具，是前端自动化工具链最重要的部分，使用门槛较高。本系列是笔者自己的学习记录，比较基础，希望通过问题+解决方式的模式，以前端构建中遇到的具体需求为出发点，学习webpack工具中相应的处理办法。（本篇中的参数配置及使用方式均基于webpack4.0版本）一.webpack中的html 对于浏览器而言，html文件是用户访问的入口点，也是所有资源的挂载

0

0推荐

1193浏览

webpack4.0各个击破（2）—— CSS篇

webpack作为前端最火的构建工具，是前端自动化工具链最重要的部分，使用门槛较高。本系列是笔者自己的学习记录，比较基础，希望通过问题+解决方式的模式，以前端构建中遇到的具体需求为出发点，学习webpack工具中相应的处理办法。（本篇中的参数配置及使用方式均基于webpack4.0版本）一.CSS文件基本处理需求假设项目中的CSS文件均采用预编译语言编写，那么在打包中需

0

0推荐

1292浏览

webpack4.0各个击破（3）—— Assets篇

目录一.Assets资源的基本处理需求二.webpack处理引用资源2.1资源打标 2.2引用优化 2.3sprites雪碧图合成 2.4图片压缩及其他 webpack作为前端最火的构建工具，是前端自动化工具链最重要的部分，使用门槛较高。本系列是笔者自己的学习记录，比较基础，希望通过问题+解决方式的模式，以前端构建中遇到的具体需求为出发点，学习webpack工具中相应的处理办法。（本篇中的参数配

0

0推荐

1432浏览

webpack4.0各个击破（4）—— Javascript & splitChunk

webpack作为前端最火的构建工具，是前端自动化工具链最重要的部分，使用门槛较高。本系列是笔者自己的学习记录，比较基础，希望通过问题+解决方式的模式，以前端构建中遇到的具体需求为出发点，学习webpack工具中相应的处理办法。（本篇中的参数配置及使用方式均基于webpack4.0版本）本篇摘要：本篇主要介绍基于webpack4.0的splitChunks分包技术。 [TOC] 一.Js模块化开发 javasc

0

0推荐

1422浏览

webpack4.0各个击破（5）—— Module篇

webpack4.0各个击破（5）——Module篇 webpack作为前端最火的构建工具，是前端自动化工具链最重要的部分，使用门槛较高。本系列是笔者自己的学习记录，比较基础，希望通过问题+解决方式的模式，以前端构建中遇到的具体需求为出发点，学习webpack工具中相应的处理办法。（本篇中的参数配置及使用方式均基于webpack4.0版本）使用webpack对脚本进行合并是非常方便的，因为webpack

0

0推荐

1356浏览

webpack4.0各个击破（6）—— Loader篇

webpack作为前端最火的构建工具，是前端自动化工具链最重要的部分，使用门槛较高。本系列是笔者自己的学习记录，比较基础，希望通过问题+解决方式的模式，以前端构建中遇到的具体需求为出发点，学习webpack工具中相应的处理办法。（本篇中的参数配置及使用方式均基于webpack4.0版本）一.loader综述 loader是webpack的核心概念之一，它的基本工作流是将一个文件以字符串的形

0

0推荐

1567浏览

webpack4.0各个击破（7）—— plugin篇

webpack作为前端最火的构建工具，是前端自动化工具链最重要的部分，使用门槛较高。本系列是笔者自己的学习记录，比较基础，希望通过问题+解决方式的模式，以前端构建中遇到的具体需求为出发点，学习webpack工具中相应的处理办法。（本篇中的参数配置及使用方式均基于webpack4.0版本）一.plugin概述 1.1Plugin的作用 plugin机制是webpack中另一个核心概念，它基于事件流框架tapab

0

0推荐

1470浏览

webpack4.0各个击破（8）—— tapable篇

webpack作为前端最火的构建工具，是前端自动化工具链最重要的部分，使用门槛较高。本系列是笔者自己的学习记录，比较基础，希望通过问题+解决方式的模式，以前端构建中遇到的具体需求为出发点，学习webpack工具中相应的处理办法。（本篇中的参数配置及使用方式均基于webpack4.0版本）一.tapable概述 tapable地址：【tapable-0.2】 tapable是webpack的核心框架（4.0以上版本的API已经

0

0推荐

1427浏览

webpack4.0各个击破（9）—— karma篇

webpack作为前端最火的构建工具，是前端自动化工具链最重要的部分，使用门槛较高。本系列是笔者自己的学习记录，比较基础，希望通过问题+解决方式的模式，以前端构建中遇到的具体需求为出发点，学习webpack工具中相应的处理办法。（本篇中的参数配置及使用方式均基于webpack4.0版本）一.webpack与自动化测试 webpack对应的关键词是模块化，它的主要任务就是打包和管理模

0

0推荐

1405浏览

webpack4.0各个击破（10）—— Integration篇

webpack作为前端最火的构建工具，是前端自动化工具链最重要的部分，使用门槛较高。本系列是笔者自己的学习记录，比较基础，希望通过问题+解决方式的模式，以前端构建中遇到的具体需求为出发点，学习webpack工具中相应的处理办法。（本篇中的参数配置及使用方式均基于webpack4.0版本）一.Integration 下文摘自webpack中文网：首先我们要消除一个常见的误解，webpack是一个模

0

0推荐

1289浏览

webpack4：连奏中的进化

webpack4在2月底的时候发布，这次webpack4有了一个名字"Legato"，也就是"连奏"的意思，寓意webpack在不断进化，而且是无缝(no-gaps)的进化。webpack的进化点是通过捐赠者和用户投票来决定的，之前在介绍webpack3的时候，曾给出过投票数在前几名的优化点，集中在用户体验、构建性能（速度和产出大小）、通用和适配性（esmodule、typescript、webassemble）等。webpack4发布了，下面将结合文档和

0

0推荐

1593浏览

webpack+babel项目在IE下报Promise未定义错误引出的思考

低版本浏览器引起的问题最近开发一个基于webpack+babel+react的项目，一般本地是在chrome浏览上面开发，chrome浏览器开发因为支持大部分新的js特性，所以一般不怎么需要polyfill，比如Promise，string实例的includes方法等。即使在低版本浏览器中，通过babel-runtime的polyfill也是可以转换的，但是事不竟然，项目在IE9浏览器上报错，错误如下截图：很明显，项目中使用了Promise，但是IE9又

0

0推荐

1196浏览

webpack的总结

Vue.js-Day5-Webpack 在网页中会引用哪些常见的静态资源？ JS .js.jsx.coffee.ts（TypeScript类C#语言） CSS .css.less.sass.scss Images .jpg.png.gif.bmp.svg 字体文件（Fonts） .svg.ttf.eot.woff.woff2 模板文件 .ejs.jade.vue【这是在webpack中定义组件的方式，推荐这么用】网页中引入的静态资源多了以后有什么问题？？？网页加载速度慢，因为我们要发起很多的二次请求；

0

0推荐

1170浏览

webpack+vue路由

只写路由部分的相关内容需引入路由包 importVuefrom'vue' //1.导入vue-router包 importVueRouterfrom'vue-router' //2.手动安装VueRouter Vue.use(VueRouter) //导入app组件 importappfrom'./App.vue' //导入Account组件 importaccountfrom'./main/Account.vue' importgoodslistfrom'./main/GoodsList.vue'

0