Webpack和React的有机结合(一)

需要安装的相关插件:(装好生成的插件,会自动在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运行,即能看到效果:

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容