webpack 零基础教程

这套教材非常好非常适合我.
Webpack傻瓜式指南（一）
Webpack傻瓜指南（二）开发和部署技巧
 Webpack傻瓜指南（三）和React配合开发

不过有个小问题: 里面的方法不能加括号app.appendChild(sub()); 这个应当这么写 app.appendChild(sub); 这个错误原因可能是他手误了

//之前
//只需要 sub
//这个是CommonJS风格代码
function generateText(){
	var element = document.createElement('h2');
	element.innerHTML = "Hello hddddaa world";
	return element;
}
module.exports = generateText();

--------------------------------------------------------------------
//后面
// 所以需要sub()
//这个是ES6风格代码
export default function() {
  var element = document.createElement('h2');
  element.innerHTML = "Hello h2 world hahaha";
  return element;
}

这个教程又少写了一步:
在解决jquery老插件无法引入jquery的方法时

//先得引用才行  教程里没有提这个
var webpack = require('webpack');
...

	plugins: [
		new HtmlWebpackPlugin({
			title: 'Hello world app'
		}),
		//new webpack.HotModuleReplacementPlugin(), //这是hot的一个插件
		//webpack提供一个插件 把一个全局变量插入到所有的代码中
		//这个就是插入jquery到所有文件中,应对jquery老的插件不支持引用
		new webpack.ProvidePlugin({
			$: "jquery",
			jQuery: "jquery",
			"window.jQuery": "jquery"
		})	
	],

配置hot时搜索的文档 顺便说下hot 现在的感觉是同步组件修改比如vue 不用这个插件 vue组件修改浏览器不自动更新这是我现在这么理解的
说说Webpack
七周七种前端框架二: React 之 webpack 简介

其他
WebPack常用功能介绍 –> 这也是个很详细的文章
webpack分离css单独打包
 一小时包教会 —— webpack 入门指南
 Webpack 中文指南 –>手册包涵所有方面但不是特别详细
在node中使用babel6的一些简单分享 –>因为使用 babel 和 babel-preset-es2015 一直报错 import 所以查了这个