摘要：
安装node环境 地址： 建立项目目录 建立一个项目目录es6 demo，并在目录下建立两个子文件夹src和dist； + src：源代码es6的目录 + dist：编译后es6的目录 初始化项目 使用下面命令初始化项目，在项目目录下生成package.json文件： npm init //或者 n 阅读全文
摘要：
Babel是什么 Babel是一个编译JavaScript的平台，它的强大之处表现在可以通过编译帮你达到： + 使用下一代的javascript（ES6，ES7,……）代码，即使当前浏览器没有完成支持； + 使用基于JavvScript进行扩展语言，比如React的JSX； webpack配置Bab 阅读全文
摘要：
Loaders Loaders是Webpack最重要的功能之一，他也是Webpack如此盛行的原因。通过使用不同的Loader，Webpack可以的脚本和工具，从而对不同的文件格式进行特定处理。 Loader的配置模型： + test：用于匹配处理文件的扩展名的表达式，这个选项是必须进行配置的； + 阅读全文
摘要：
CSS中图片处理 在src目录下新建一个images目录，把图片放入images文件夹中；在index.html文件中增加一个div标签： /src/index.html: 编写css,给刚刚增加的div标签添加背景图片： /src/css/index.css: image{ background: 阅读全文
摘要：
创建配置文件webpack.config.js 在根目录在手动创建webpack.config.js，配置基本模板 module.exports ={ entry:{}, output:{}, module:{}, plugins:[], devServer:{} } + entry：配置入口文件的 阅读全文
摘要：
js压缩 webpack自带一个插件uglifyjs webpack plugin来压缩js，所以不需要再次安装，当一切都准备妥当，引入uglifyjs webpack plugin模块： const uglify = require('uglifyjs webpack plugin'); 因为它是 阅读全文
摘要：
webpack是什么 webpack可以看做是模块打包机：它做的事情是，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Sass，TypeScript等），并将其转换和打包为合适的格式供浏览器使用。在3.0出现后，Webpack还肩负起了优化项目的责任。 安 阅读全文