create-react-app 是 React 官方为我们提供的一个单页应用脚手架，基于 webpack 配置了相关功能，babel、 图片处理、热加载、css 模块化、css 预处理器转换、代码分隔、生产构建、测试等。强烈建议去看一看。建议使用 npx

在webpack中配置，在构建项目时会在output指定目录下生成version文件夹。通过访问version/index.html，即可进行版本信息展示。共支持两种展现形式，可在使用中自由切换。文件名需要与指定的dataPath值匹配，dataPath默

为html文件中引入的外部资源如script、link动态添加每次compile后的hash，防止引用缓存的外部文件问题。可以生成创建html入口文件，比如单页面可以生成一个html文件入口，配置N个html-webpack-plugin可以生成N个页面入

公司使用 vue-cli 创建的 vue项目 在初始化时并没有做多页面配置，随着需求的不断增加，发现有必要使用多页面配置。而且如果使用这些实现，需要调整当前项目的目录结构，这点也是不能接受的。这里做下记录、总结，方便以后复用。如果还能有幸帮助到有同样需求的

"test": "echo \"Error: no test specified\" && exit 1",<input type="text" plac

以上是vue官方文档中Vue.js 提供一个 官方命令行工具 创建vue项目的方法。vue init webpack vue-iview 时我使用默认的选项，直接回车；这里使用cnpm 安装依赖。// The Vue build version to lo

当我使用angular-cli构建项目时,它会将所有项目文件捆绑到一个主要的主包中.我在应用程序中使用了懒惰路由,一旦应用程序加载,我就可以导航.有没有一种方法可以将主包分为多个基于懒惰加载的路由模块的文件？

由于配置了webpack-dev-server，客户端启动时，就不必再本地生成dist目录。但是服务器端的编译还是需要本地的dist目录，所以本节我们将会配置服务端的内容，使得服务端也不用依赖本地的dist目录。我也是不知道看了多少遍，才大概知道其流程。开

Webpack是一个模块打包器。Plugins：插件则可以用于执行范围更广的任务。插件的范围包括，从打包优化和压缩，一直到重新定义环境中的变量等。插件可以完成一些loader不能完成的功能。webpack.config.js : 是一个node模块，返回一

初始化我们使用npm init命令初始化一个package.json文件。npm init安装webpacknpm i webpack webpack-cli webpack-dev-server --save-dev安装vuenpm i vue --sa

系列文章Webpack系列-第一篇基础杂记 Webpack系列-第二篇插件机制杂记 Webpack系列-第三篇流程杂记。前言webpack本身并不难，他所完成的各种复杂炫酷的功能都依赖于他的插件机制。TapableWebpack的插件机制依赖于一个核心

gulp简介用自动化构建工具增强你的工作流程。通过代码优于配置的策略，Gulp 让简单的任务简单，复杂的任务可管理。利用 Node.js 流的威力，你可以快速构建项目并减少频繁的 IO 操作。Gulp 严格的插件指南确保插件如你期望的那样简洁高质得工作。通

最后，引入成功 不报错后， 可以按照antd-pro的使用文档，配置使用。setPublicPath.js小结未完待续...持续追更...

由于篇幅过长分三次发布，建议按顺序看[ webpack4 ] 配置属于自己的打包系统教程（一）—— 基础配置篇[ webpack4 ] 配置属于自己的打包系统教程（二）—— 资源配置篇[ webpack4 ] 配置属于自己的打包系统教程（最终篇）—— 环境

文章指南概要先在文章开头，做一个总结式的说明，这篇文章主要是讲在前端模块化开发模式中如何用<b>Webpack</b>这样流行的打包器来为当下一个很火热的框架——vue.js，构建一个项目框架。本文例子是一个基本的Demo，想构建更

一直以来，对于webpack<=3来进行构建，还是比较得心应手的，然而随时技术的更新，webpack4出来了，紧随步伐，那就开始写一个webpack4的构建脚手架吧，optimization：主要是做webpack3当中commonchunk所做的事

import引入方法：引用后不管你在代码中使用不适用该类库，都会把该类库打包起来，这样有时就会让代码产生冗余。ProvidePlugin引入方法：引用后只有在类库使用时，才按需进行打包，所以建议在工作使用插件的方式进行引入。具体的对比操作，会在视频中演示，

我们在上一篇一步步学Webpack4-- 开发环境搭建入门中使用Webpack完成了开发环境搭建的入门实战练习，这次我们来学习如何配置生产环境.开发环境的构建目标是具备方便问题追溯的source-map & 修改保存代码之后的实时加载或者热模块更新

以下都是基于 Vue CLI 3 来举例说明的，使用 2.x 版本的其实也类似首先，参考 官方文档对静态资源处理的说明，并通过自己的实践，可以总结出以下内容。放置在 public 目录下，即使未被使用。以下情况下，资源会被 webpack 处理：。以下对使

概念在webpack中任何一个东西都称为模块，js就不用说了。一个css文件，一张图片、一个less文件都是一个模块，都能用导入模块的语法导入进来。webpack自身只能读懂js类型的文件，其它的都不认识。但是webpack却能编译打包其它类型的文件，像E