需要安装的相关插件:(装好生成的插件,会自动在package.json内列出)
1.cnpm install babel-loader --save-dev
2.cnpm install babel-preset-es2015 --save-dev
3.cnpm install babel-preset-react --save-dev
4.cnpm install react --save
5.cnpm instal react-dom --save
6.cnpm install bootstrap@4.0.0-alpha.2 --save-dev
7.cnpm install css-loader --save-dev
8.cnpm install style-loader --save-dev
9.cnpm install sass-loader --save-dev
10.cnpm install node-sass --save-dev
11.cnpm install webpack --save-dev
12.cnpm install html-webpack-plugin --save-dev
13.cnpm install babel-core --save-dev
14.cnpm install webpack-dev-server --save-dev
==>装好生成的插件,会自动在package.json内列出
添加的文件有:
1.index.jsx(入口文件):
2.配置webpack.config.js文件:
3.把命令添加到webpack.config.js里面:
4.运行webpack或npm run dev运行,即能看到效果: