用好 Webpack2 从一个完整的配置开始

:smirk:希望 Summer 早日加入草稿功能。

首先,引用 Webpack 中文指南 的一段概述 , 对不了解 Webpack 的同学做一个初步介绍。

Webpack 是当下最热门的前端资源模块化管理和打包工具。它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源。还可以将按需加载的模块进行代码分隔,等到实际需要的时候再异步加载。通过 loader 的转换,任何形式的资源都可以视作模块,比如 CommonJs 模块、 AMD 模块、 ES6 模块、CSS、图片、 JSON、Coffeescript、 LESS 等。

Webpack 同时是 Laravel、Vue 官方推荐的前端资源构建方案,Laravel 5.4版甚至推出了基于Webpack 的全新前端构建工具 Mix。然而无论是 Elixir 还是 Mix 都不能满足个性化的定制需求。作为一个追求完美的开发者,然我们好好的了解一下 Webpack 吧。

从配置一个完整的 webpack.config.js 开始吧!

本作品采用《CC 协议》,转载必须注明作者和本文链接
jasonchang
《L04 微信小程序从零到发布》
从小程序个人账户申请开始,带你一步步进行开发一个微信小程序,直到提交微信控制台上线发布。
《L05 电商实战》
从零开发一个电商项目,功能包括电商后台、商品 & SKU 管理、购物车、订单管理、支付宝支付、微信支付、订单退款流程、优惠券等
讨论数量: 4
Summer

我这就搞一个

3年前 评论

大佬有文章介绍过在laravel中写react或者是vue,怎么按需加载,解决首屏加载过大js的问题吗?

1年前 评论
jasonchang

@aways sorry 没太有时间好好继续写下去,可以的话加 微信讨论吧,我微信: sisisiy

1年前 评论

请勿发布不友善或者负能量的内容。与人为善,比聪明更重要!