什么是webpack 本质上，webpack 是一个现代 JavaScript 应用程序的静态模块打包器。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle。w

项目中使用了一个npm包a。前几天一直用得好好的，突然某次拉了别的分支代码后，就出Bug了。第一反应是别人把这个包的版本变了。查看了下项目的package.json、package-lock.json文件，该模块和依赖模块的信息并没有改变，node_mod

搭建Vue+Webpack项目，使用vue-cli搭建项目。vue独立项目依赖node的npm包管理器，所以需要先安装node。相关的npm常用命令文章：。等待命令执行完毕。由以上界面我们可以看到，要想运行该项目，可以执行命令：cd lx-note-fro

// Import React when the system is web. // Import the reducer and create a store. // Add the autoRehydrate middleware to your re

加载器是应用于你的应用里源代码，实现转换。它们是函数，用源文件作为参数，生成新文件。例如，使用加载器来告诉webpack加载CSS文件，或者把TypeScript转换为Javascript。然后，在webpack.config.js里进行配置，对每一个.c

本文会先介绍webpack的打包流程，运行原理，然后去实现一个简单的webpack。本质上，webpack 是一个现代 JavaScript 应用程序的静态模块打包器。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图，其中包含应用程序需要的

使用npm init命令生成package.json 文件，输入 name、version、main、repository、author、license，如下是我生成的 package.json 文件。"description": &q

在阅读 webpack 前如果不了解 tapable 的话，很有可能会看得云里雾里，那么 tapable 到底是什么，又有什么用呢？本文主要介绍 tapable 的使用以及相关实现，通过学习 tapable 能够进一步的了解 webpack 的插件机制。以

webpack.config.js中导出的是一个对象，这个对象是webpack的配置参数。说白了，导出对象的入口 出口 module plugins...什么的 全是webpack参数中的其中一个。那webpack就可以理解为一个很大的函数，把参数传递进去

SourceMap 是什么，下面通过例子来演示。接上回的例子，修改 webpack.config.js，加上一行配置项 devtool: 'none' ：。页面报错了，控制台显示错误在打包生成的 main.js 的第96行。SourceMap 其实是一个映

没有发布过npm包的同学，可能会对NPM对开发有一种蜜汁敬畏，觉得这是一个很高大上的东西。甚至有次面试，面试官问我有没有发过npm包，当时只用过还没写过，我想应该挺难的，就小声说了没有，然后就让我回去了o(╯□╰)o。当然，要发布一个npm包，除了写的模块

另外一方面，即使不是想搭建自己的工作流，而是使用现成的脚手架，大家都会用。vue init webpack 项目名跑一下vue官方的例子，但是实际工作的时候，文件夹结构一变，或者组件的倒入和导出和官方例子不一致，就彻底不会了。

webpack4 配置文件分离关于modewebpack根据开发和生成环境一般可以将配置文件拆分，拆分dev和prod两种环境|- package.json

Loading AssetsIn this part, you will learn how to load different types of assets using webpack’s loaders. Especially images, fon

因为项目需要，需要从外部获取js，然后在vus项目中使用其中的方法。如果我们想引用一个库，但是又不想让webpack打包，并且又不影响我们在程序中以CMD、AMD或者window/global全局等方式进行使用，那就可以通过配置externals。这个功能

// 关键点: 上面的publicPath相当于Webpack 的 DefinePlugin执行了↓

前言最近新起了一个多页项目，之前都未使用 webpack4，于是准备上手实践一下。这篇文章主要就是一些配置介绍，对于正准备使用 webpack4 的同学，可以做一些参考。webpack4 相比之前的 2 与 3，改变很大。当然这个开箱即用不可能满足所有情况

webpack提供了一个如何开发 webpack 插件的介绍，你可以直接访问这里查看，这里提供一个扩展HtmlWebpackPlugin的开发实例。有人向插件作者提了建议，这里是讨论的内容，结果是插件提供了几个事件来支持自己来实现这个特性。需求我们希望能够

什么是DLLDLL文件为动态链接库文件,在Windows中，许多应用程序并不是一个完整的可执行文件，它们被分割成一些相对独立的动态链接库，即DLL文件，放置于系统中。当我们执行某一个程序时，相应的DLL文件就会被调用。在这里螺丝的作用就可以理解为是dll。

webpack官网文档 （指南篇）翻译完成。希望能给同道者以参考，当然翻译有很多不足之处，望指正，共同完善。自己回头也要好好吸收，达到学以致用的目的。以下章节或省略，或官网本身未完成而不在翻译之列。