环境为Centos7，首先下载nodejs和npm的压缩包，两个在一起的，解压后进入bin目录，用ln -s 命令把里面的npm和node软连接到/usr/bin/目录下，然后退出此目录，node -v查看版本及检查安装成功。安装淘宝镜像，此方法借鉴的菜鸟

最近在研究学习vue，发现环境配置特麻烦，就是跟着文档步骤一步一步来，也会遇到各种想不到的坑，vue-cli3的配置比老的简洁了很多，与以往的配置也有所不同：。// use the full build with in-browser compiler?/

提到前端打包工具，毫无疑问想先到的是webpack。但是前端发展地很快，时不时会有新东西出现，打包工具这边之前也出现parcel和rollup。各种工具的碰撞，相互汲取优点，促进技术的发展。下面就开始介绍splitChunks的内容。块打包默认情况下只会影

问题是这样的，我使用webpack的npm run dev运行的时候，keep-alive路由缓存是有效的，但是我npm run build，把文件放到实际的项目中去的时候，会有如下的问题：。{ path: 'index1', component: '/u

Vue.js是目前很火的一个前端框架，采用MVVM模式设计，它是以数据驱动和组件化的思想构建的。相比于Angular.js，Vue.js提供了更加简洁、更易于理解的API，使得我们能够快速地上手并使用，特别适合单页应用的开发。Vue.js是数据驱动的，它通

上篇文章了解了怎么去配置以及运行webpack，但是由于简单的打包js，有时候我们有很多css文件需要去打包，这个怎么办呢？不用着急，这边文章就是来一起学习怎么去简单的打包css文件。首先创建空文件夹通过命令全局安装webpack. 同样根目录下创建一个p

nvm install ## 安装指定版本，可模糊安装，如：安装v6.2.0，既可nvm install v6.2.0，又可nvm install 6.2. nvm ls-remote ## 列出所以远程服务器的版本。nvm reinstall-packa

Code Splitting是webpack的一个重要特性，他允许你将代码打包生成多个bundle。三种Code Splitting方式webpack提供了三种方式来切割代码，分别是:. 多entry方式这种方式就是指定多个打包入口，从入口开始将所有依赖打

什么是webpack可以引用官网的一幅图解释，我们可以看到webpack，可以分析各个模块的依赖关系，最终打包成我们常见的静态文件，.js 、 .css 、 .jpg 、.png。今天我们先不弄那么复杂，我们就介绍webpack是怎么分析ES6的模块依赖，

制定向用户提供文件的最佳方式可能是一项棘手的工作。有很多不同的场景，不同的技术，不同的术语。Webpack 文件分离包括两个部分，一个是 Bundle splitting，一个是 Code splitting:. Bundle splitting: 创建更

1 tap(同步) 2 tapAsync 3 tapPromisetapable中对三个触发方法。1 call 2 callAsync 3 promise这一章节 我们将分别实现异步的Async版本和Promise版本。而串行是值 第一步执行完毕再去执行

虽然已经2019年了不过有一些项目还是需要用到jquery的不过考虑到使用jquery的一堆兼容性问题也为了可以顺利地使用ES6来撸代码研究使用webpack+babel打包代码来发布。例如，我们有三个页面：index、share、assist三个页面有通

前言虽然我们很多人每天都在写项目，require或者import写的爽得很，但还是有很大一部分人不清楚它背后的运行原理和所谓的规则机制。首先，import是es2015的模块引入规范，而require是commonjs的模块引入规范；工作机制前提是你在做w

想必作为前端大佬的你，工作中应该用过 webpack，并且对热更新的特性也有了解。如果没有，当然也没关系。下面我要讲的，是我对 Webpack 热更新机制的一些认识和理解，不足之处，欢迎指正。从名字上解读，就是把“热”的模块进行替换。热，是指这个模块已经在

实践文：参考vue-cli配置及网上react相关文章，选用webpack4从零搭建react开发环境。c> webpack4需搭配webpack-cli使用安装react依赖：npm install --save react react-dom r

写在前面的话在阅读 webpack4.x 源码的过程中，参考了《深入浅出webpack》一书和众多大神的文章，结合自己的一点体会，总结如下。总述webpack 就像一条生产线，要经过一系列处理流程后才能将源文件转换成输出结果。这条生产线上的每个处理流程的职

给定的路径的序列是从右往左被处理的，后面每个 path 被依次解析，直到构造完成一个绝对路径如果处理完全部给定的 path 片段后还未生成一个绝对路径，则当前工作目录会被用上生成的路径是规范化后的，且末尾的斜杠会被删除，除非路径被解析为根目录长度为零的 p

读这篇文章的朋友，请确保对webpack有最基础的认识。您可以阅读我前一篇文章：Webpack 10分钟入门 来在本地运行一个Webpack的hello world项目。我这里可以在回顾一下这个web pack的hello world项目。那么运行时，He

网上关于这部分的资料较少，所以下面将以用vue-cli init命令生成的Vue/Webpack项目作为例子，介绍一下我当前正在使用的简单的多环境配置的思路。在后端开发中，项目中不同环境对应的参数配置在不同的配置文件中。mvn clean package

在前端调试的时候，跨域一直都是一个比较麻烦的问题，这个在之前的文章 关于跨域问题的一个解决方法中其实已经讨论了一些可以使用的方法。如果要使用 JSONP，第一是需要修改的地方比较多，而且也不太符合前端发展的大趋势，如果使用 CORS 的话并没有 appli