webpack笔记_(1)_webpack 安装

webpack不仅可以解析jsx，也可以将es6转换为es5语法。
最终，它把这些代码都打包成一个叫bundle.js的文件,我们在html文件中只引入这么一个js文件就可以了！

打包后，引用的语法
import “./button.css”

1.安装webpack

npm install webpack -g （全局）
npm install webpack --save--dev （本地）

2.webpack的辅助文件

npm install babel-core
npm install babel-loader
npm install babel-preset-es2015 (解析es6)
npm install babel-preset-react （解析jsx语法）
npm install react （jsx语法支持）
npm install react-dom （jsx语法支持）

 

注意：webpack需要先安装node.js

项目中使用webpack

用npm增加一个package.json配置文件

$ npm init

安装webpack插件并将webpack配置到package.json文件中

$ npm install webpack --save-dev