竹林品雨

业精于勤荒于嬉，行成于思毁于随

Webpack2 学习笔记(六): Reactjs Project 依赖库单独打包及优化

https://www.udemy.com/webpack-2-the-complete-developers-guide/ 背景信息：示例项目依赖库 "dependencies": { "faker": "^3.1.0", "lodash": "^4.17.2", "react": "^15.4.1", "react-dom": "^15.4.1", "react-...

Posted by zhulinpinyu on January 19, 2017

Webpack2 学习笔记(五): Javascript 文件分步加载原理简介

https://www.udemy.com/webpack-2-the-complete-developers-guide/ 注意：本文基于前文完成的基本webpack2 配置概要：本文主要介绍JavaScript文件分步加载的基本原理；进而通过webpack2 实现JavaScript代码分开打包，从而实现性能优化。 index.js const button = documen...

Posted by zhulinpinyu on January 18, 2017

Webpack2 学习笔记(四): image文件打包规则的配置使用

https://www.udemy.com/webpack-2-the-complete-developers-guide/ Image 打包处理流程安装依赖库 yarn add image-webpack-loader url-loader --dev 配置image处理规则 //图片打包处理使用如下配置 { //匹配后缀为jpe?g|png|gif|svg的imag...

Posted by zhulinpinyu on January 17, 2017

Webpack2 学习笔记(三): css 文件打包规则的配置使用

https://www.udemy.com/webpack-2-the-complete-developers-guide/ 基础示例准备添加文件src/image_viewer.js import '../styles/image_viewer.css' const image = document.createElement('img') image.src = "http://...

Posted by zhulinpinyu on January 17, 2017

Webpack2 学习笔记(二): ES6转码工具babel的配置使用

https://www.udemy.com/webpack-2-the-complete-developers-guide/ 安装依赖库由于是dev环境使用故添加参数--dev yarn add babel-loader babel-core babel-preset-env --dev lib 用途 ...

Posted by zhulinpinyu on January 16, 2017

Webpack2 学习笔记(一): 入门

https://www.udemy.com/webpack-2-the-complete-developers-guide/ 注：文中提到的依赖库，若无明确安装，则为nodejs提供 mkdir js_modules cd js_modules && mkdir src src/index.js const sum = require('./sum') const ...

Posted by zhulinpinyu on January 14, 2017