webpack
文章平均质量分 78
webpack系列
Vam的金豆之路
开源 JavaScript 库 Strve.js 作者
展开
-
今天,我们来实现一个基础版的webpack
前言本质上,webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时,它会递归地构建一个依赖关系图(dependency graph),其中包含应用程序需要的每个模块,然后将所有这些模块打包成一个或多个 bundle。这是官网对webpack的解释。提到模块,模块顾名思义是独立的JS文件。与之相近的词模块化,通俗的讲就是我们平时组织和管理代码方法的一种实现。战前准备我们先来测试一下webpack的打包。初始化原创 2021-07-20 23:57:55 · 420 阅读 · 1 评论 -
Webpack学习整理集锦【从最基础的demo入手,自己实现一个脚手架 】
前言本质上,webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时,它会递归地构建一个依赖关系图(dependency graph),其中包含应用程序需要的每个模块,然后将所有这些模块打包成一个或多个 bundle。开源网址https://github.com/maomincoding/webpack_study你可以打开上面的网址,浏览学习webpack。从最基础的demo入手,自己实现一个脚手架 。原创 2020-10-17 21:54:27 · 501 阅读 · 1 评论 -
一篇文章带你浅入webpack的DLL优化打包
一、前言我们在使用第三方包的时候,一般内部的代码都不会变,但是当webpack打包的时候,还是回去处理第三方包。我们是否可以利用一些方法来改进呢?我们可以先对第三方包处理,然后再打包。二、实战1、初始化npm init2、局部安装webpacknpm i -D webpack3、编辑package.json加入一行代码,方便运行命令,"start": "webpack --c...原创 2020-02-19 17:00:51 · 5848 阅读 · 4 评论 -
你真的懂webpack编译配置吗?
webpack简单使用1.创建一个空文件夹。2.命令行:npm init(回车)npm install --save-dev webpack(创建库)3.创建一个index.html文件(文件中需要引入处理后的js文件[假设bundle.js])、main.js(需要被处理的js文件)、webpack.config.js文件(配置文件){module.exports = {entr...原创 2019-03-05 17:05:09 · 3288 阅读 · 1 评论