0x001 概述 上一章讲的是脚本装载相关的loader，这一章见得是脚本格式校验相关的loader 0x002 环境配置 {代码...} 0x002 使用eslint校验js格式（这份配置是偷vue的） 安装依赖包 {代码...} 修改配置文件 {代码...} 添加eslint配置文件 {代码...} 编写测试代码 {代码...} 打包 {代码...} 这里爆出4个问题 let和name之间只...

0x001 概述 上一章讲的是样式装载相关的loader，这一章见得是脚本加载相关的loader 0x002 环境配置 {代码...} 0x003 栗子1-babel-laoder加载es6 安装依赖 {代码...} 修改配置 {代码...} 添加babel配置文件 {代码...} 使用es6编写脚本 {代码...} 打包并查看结果 {代码...} 可以看到，es6语法被自动转化成了es5 更多配置请...

0x001 概述 上一章讲的是装载模板，这一章讲的是装载样式 0x002 配置环境 {代码...} 0x003 栗子1-css-loader装载css 安装依赖 {代码...} 添加style.css {代码...} {代码...} 引入style.css {代码...} 打包并查看结果 {代码...} 可以看到，生成了两个新的模块，模块2包含我们的style文件中的内容，模块3导出了一个toStrin...

0x001 概述 上一章讲的时候关于文件相关的loder，这一章讲的是模板相关的loder。 0x002 环境配置 {代码...} 0x003 栗子1-html-loader-加载html 安装依赖包 {代码...} 编写index.html并引入 {代码...} 配置webpack.config.js {代码...} 打包并查看结果 {代码...} 可以看到，html被打包成了字符串，并封装成模块导出。注意...

上一章讲的是DLL加速编译，这一章开始讲loader相关的部分，但是关于plugin的部分善未完结，因为即将要讲的ExtractTextWebpackPlugin用到了一些loader，所以觉得先讲一下loder比较好。

0x001 概述 上一章讲的是Dll，这一章讲的是ExtractTextWebpackPlugin,依旧是没有任何关系。 0x002 插件介绍 这个插件用来将css导出到单独文件 0x003 栗子-不使用该插件的情况 这次涉及到loader的使用，可以暂时忽略这方面配置 初始化项目 {代码...} 配置webpack，先不使用插件 {代码...} 添加入口文件和样式文件 {代码.....

这个插件啊，用来预打包一些第三方库，因为他们不经常修改，而每次我们引用他们之后都要将他们不断的打包一次又一次，不但浪费了调试编译的时间，还浪费了....时间。

上一章讲的是providerPlugin，和这一章依旧没有丝毫关系，这一章讲的是CommonsChunkPlugin,说实在的，这个插件略复杂，我还没完全搞懂，大概是还没到那么深我就已经选择其他解决方案了吧，所以这里只讲一些基本用法。

0x001 概述 上一章讲的是definePlugin的用法，和这一章依旧没有任何关系，这一章讲的时候providerPlugin。 0x002 插件介绍 就是提供全局变量啦 0x003 全局定义jquery栗子 初始化项目 {代码...} 安装依赖包 {代码...} 编写webpack.config.js {代码...} 添加插件，并定义jQuery {代码...} 调用jquery {代码...} 打包并用浏...

0x001 概述 上一章讲的是js压缩混淆，和这一章没有半毛钱关系，这章讲的是DefinePlugin，一个好像没有用，但其实很好用的一个插件，我很喜欢，嘿嘿嘿！ 0x002 插件介绍 说白了，这是一个简单的字符串替换插件，将我们所有经过webpack打包的js文件的对应的字符串都替换为我们在这个插件中指定的字符串。 0x003 栗子来了 ...

0x001 概述 上一章讲了关于生成模板html的，并且最后将html压缩，这一章讲的是js压缩混淆 0x002 配置环境 初始化项目 {代码...} 新建webpack.config.js {代码...} 修改配置 安装依赖 {代码...} 修改./src/index.js {代码...} 初始化 {代码...} 添加插件 {代码...} 最终配置文件 {代码...} 打包 {代码...} 0x003 配置 匹...

上一章之后已经可以自动刷新浏览器了，大大方便了我们的开发，这章开始讲插件，第一个插件将会解决上一章节的一个问题，那就是index.html需要手动插入打包好的js，同时不会将index.html一起放到dist文件夹下的问题。

0x001 概述 上一章已经实现了最简单的webpack配置文件使用和webpack监听功能，这一章要开始实现自动刷新。 0x002 浏览器自动刷新 创建新的项目框架 {代码...} 我们将在0x002-dev-server下做所有的开发 初始化项目，这里使用npm init指令初始化，生成package.json，以便以后管理依赖包 {代码...} 创建./src/index.js和./i...

这个栗子使用的是命令行打包形式，纯粹用来做测试而已，在正式项目中，我们的配置将会达到非常复杂的程度虽然命令行依旧可以实现，但是将会带来维护上的和形式上的麻烦，所以我们通常会采用配置文件的形式。

0x000 概述 本篇文章承接上文，记录的v2和v3版本在包管理方面的异同，基于阅读官方原文整理简化。 0x001 v2管理方式 假设有模块A、B、C，A依赖B1.0，C依赖B2.0，我们可以得出以下依赖图： 接着我们创建一个App，同时依赖A和C，此时便会出现依赖地狱 npm不使用单一的B版本包，而是让不同的B版本同时存在，只不过存在在各...

0x000 概述 本篇文章承接上文，记录的package.json的配置和npm命令的详细说明。 0x001 package.json的配置 name： 说明：项目名称，npm install的时候就是使用这个name。 案例：lodash、@followwinter/lodash version： 说明：版本号，符合npm的版本规范的版本号，默认从1.0.0开始。 案例：1.0.0，2.0.1 description ： ...

0x001 概述 本篇文章承接上文，记录的是一些使用过程中的疑惑 0x001 墙的原因使得包下载太慢 解决方案：使用淘宝cnpm，推荐使用cnpm，因为如果修改npm仓库，将会导致无法发布包。 {代码...} 0x002 无法安装全局包，提示EACCES ，没有权限 解决方案：推荐第一种，简单！ 第一种：给全局包安装路径权限 {代码...} 第二种：...

0x001 概述 本篇文章承接上文，记录的是如何发布自己的Node.js模块 0x002 编写模块 新建项目并初始化 {代码...} 编写模块代码 {代码...} 发布模块 {代码...} 测试模块 {代码...} 0x003 命名空间 每个人都可以发布自己的包，难免会有包名相同的情况，如果想要使用一个已经存在的包的包名，可以使用命名空间将package.json...

0x001 概述 npm是一个包管理工具，本文章基本算是对官方文档的解读、翻译和实操笔记，顺便说明使用npm中的坑。 0x002 安装Node.js 安装方式参照Node.js官方文档即可，安装完成后，命令行键入node -v成功执行说明安装成功了 {代码...} 顺便检查一下npm版本并更新它 {代码...} 0x003 本地安装包 新建一个项目文件夹 {代码....

flex在移pc端的兼容并不是很好,但是在移动端的支持却是很好,而且flex布局对移动端布局来说简直就是福音.但是没有经过整和处理,用flex布局也算是艰难,所以打算搭建一套基于flex的移动端布局工具,来学习css,sass,flex.

0x001 概述 说起关于flex的文章。我觉得啊除了阮一峰老师，再也无人能出其右了，所以这里也只是聊做记录。 0x002 基本概念 Flex container：元素添加了flex属性后就变成了flex容器, Axes ：Flex Container的坐标轴，分为main axes(主轴)和cross axes（交轴） Flex item：父元素一旦添加flex属性，子元素将直接变成flex子...