开始之前，需要安装node环境。（安装过程在此就不啰嗦了） 1、创建基本结构 首先我们要创建一个空文件夹（我这里叫todos，你可以随便命名）作为项目的根目录。 创建一个没有任何依赖关系的package.json，可以通过命令行 npm init 创建 ...

前言　 　　下面是我们使用到技术栈: 　　　　webpack + react + redux + react-router + react-thunk + ES6 + .... 　　注意事项： 　　　　建议使用npm5.X 或者 yarn 包管理工具(最好不要使用cnpm,虽然安装包 ...

gulp进阶构建项目由浅入深 阅读目录 gulp基本安装和使用 gulp API介绍 Gulp.src(globs[,options]) gulp.dest(path[,options]) gulp.task(name[,deps],fn ...

1.使用 CommonJS 进行对 src/js 目录下的 js 代码进行模块化，所有模块都不产生全局变量，只通过 require 声明依赖，以及通过 module.exports 暴露模块接口。 2.根目录增加 webpack.config.js 配置文件，使用 ...

安装 webpack、vue npm i webpack webpack-cli -D npm i vue vue-router -S 在项目根目录创建build文件夹，然后创建3个分别是webpack.base.conf.js、webpack ...

最近公司要求用vue重构项目，还涉及到模块化开发，于是乎，我专门花了几天的时间研究了一下webpack这个目前来看比较热门的模块加载兼打包工具，发现上手并不是很容易，现将总结的一些有关配置的心得分享出来，欢迎大神来拍砖。。。 一、新建一个项目目录，cd /d 定位进去，然后输入npm init ...

　　前端项目打包工具webpack与前端开发框架vue，算是现在前后端分离后非常流行的技术了，今天主要讲的是使用webpack和vue2构建一个前后端分离项目的基本骨架。虽然使用vue-cli脚手架可以帮我们搭建好一个项目骨架，但是了解原理我觉得还是很重要的，所以这篇文章主要就写webpack ...

加入新公司一个月，最近接手在做一个 chrom 浏览器插件的项目，开发过程中发现项目打包的时间很长，足足有30多秒，这是让人很难接受的，而且构建的显示了几条包体积过大的提示信息： 可以看到，打包后有三个包超过了建议的体积，是什么导致了打包时间长和包的体积过大呢？ 下面通过一些具体方法来分析 ...