Ewall

然后安装文档上面的教程，照猫画虎搞一下。这个loader两个环境都是需要的，我们应该是丢到webpack.common.js中： 首先既然要使用vue，就需要安装它。 然后...

我们首先从字面意思上来理解一下，「tree shaking」翻译一下就是摇树罗，摇树的时候就会把不必要的枯枝烂叶给摇下来，同理，到代码中，「tree shaking」就是把...

HRM，生产环境不需要这个，只要开发环境需要，而且这个容易与代码分割产生冲突，如果你生产环境及设置了代码分割又设置了HRM就会失效。 等等。。。 为了解决这些不相容问题，所...

HMR(Hot Module Replacement)也就是热模块更新，是用来干什么的呢？就是你可以实时的更新某个状态而浏览器不重新刷新。 举个具体的例子可能就理解了啊，比...

前面chapter11章讲CodeSplitting的时候已经讲过代码分割的概念了，是个什么东西，但那是对js模块做代码分割，这节说下css的代码分割。 主要借助的就是一个...

preloading：设置这个指令，就会在当前的页面中，以较高优先级预加载某个资源。其实就相当于浏览器的预加载，但是浏览器的预加载只会加载html中声明的资源，但是prel...

前面第7章讲output多页面相关的内容时，我们将content.js、header.js、footer.js分别打包为三个文件，然后我们在index.html中用三个sc...

既然是请求数据，那么就先安装下axios。 然后我们在src/index.js文件中使用axios请求一下豆瓣api的接口，拿它电影的前250条数据。 然后npm run ...

每次修改完文件内容要编译代码时，需要重复手动运行npm run build就是件很麻烦的事情。 webpack中有几个不同的选项，可以帮助你在代码发生变化后自动编译代码，我...

移动端web项目越来越多，设计师对于UI的要求也越来越高，比如1px 的边框。在高清屏下，移动端的1px 会很粗。 比如，这个是假的1像素 那么为什么会产生这个问题呢？主要...

什么是webpack的plugins？首先回顾一下前面几章讲webpack的loaders相关概念时，我将它理解为一个赋能的概念，各种各样的loader为webpack提供...

对于入口entry我们常见的其实是简写模式，我们可以使用键值对的形式来定义它，其实默认是这样的。 而输出output中filename就是打包后指定的文件名，path就是存...

继续沿用上一章的代码放置新建文件夹chapter6下。 首先，我们需要安装处理sass文件相关的loader->webpack之sass-loader。 然后我们需要在we...

进入项目中，在src目录下新建一个styles/header.css文件。 里面手写一行简单的样式。 在src/header.js中给这个块级元素添加一个.header类名...

老规矩，复制一份上章的目录改名为chapter4。 随着找张图片放到src/assets目录下，并同时新建一个logo.js文件。 然后我们在src/logo.js里面引入...

先看官网对Loaders的解释：webpack enables use of loaders to preprocess files。 简单一点来说就是一个可以帮我们处理文...

ES6Module--就是import、export这类的，我们对这个应该很熟。 CommonJs--就是require这种，node里面使用的，是node的模块规范。 前...

“webpack is a module bundler.”—webpack官网上打开自我介绍就是这句话，它是一个模块打包器。 webpack是一个模块打包工具，可以打包j...