第一步、基础环境 初始化 项目初始化 npm init -y 安装webpack npm i webpack 安装react npm i react react-dom -s 项目基础框架 入口文件(src/index.js) {代码…} 主组件(src/App.js) {代码…} webpack.config…

使用vue框架开发时，很多人会选择vue官方提供的cli脚手架，最新的cli已经更新到3.0完全无配置，只需下载就能方便的使用vuecli构建的项目工程，但基础的cli并不能满足正常的项目开发，在开发中我们需要根据自己的…

全局安装npm包报错 Error: EACCES: permission denied, mkdir ‘/Users/lyc/.npm/sentry-cli’ {代码…} 权限问题，解决方案: –unsafe-perm=true –allow-root {代码…}

代码执行时机将决定着是否能够正常执行，当依赖文件没加载完成就开始执行、使用对应模块，那么将会导致执行异常。这在“存在资源加载失败时，加载重试影响原来文件的执行顺序”的场景下尤为常见。

从0到1负责手上项目一年多了，webpack虽然是老生常谈的话题，但只有出现问题时，才会去思考怎么去优化。由于项目里引入了越来越多的依赖，所以本地开发编译过程越来越慢，因此才有了这一次的webpack优化。顺便对…

老项目重构，vue脚手架更新至vue-cli3,经过一番配置后，发现跟之前的vue-cli2相比，调试的时候找到源代码的文件变得困难许多，如查看login.vue页面，出现一堆搜索结果：

虽然一直在接触 webpack ，不过都是在项目开发时遇到问题去看看文档，并没有系统化地学习、消化。这篇文章将从 webapck 最基本的配置开始说起，直到成功打包一个简单的项目。分享给需要入门的小伙伴，也是留一个笔记

创建后默认是一个vue单页面应用，在默认结构的基础上将目录结构改为如下形式。其中pages目录下的cell和home就是多页面应用中的两个页面。

最近准备系统地学习webpack，这篇文章将持续更新，记录自己在使用webpack中遇到的问题、踩过的坑等，小白的错误不入法眼，掠过就好。

happypack可利用多线程对文件进行打包(默认cpu核数-1)，对多核cpu利用率更高。new Happypack(options)可生成对应的loader,如配置：