React和webpack的hello world项目

npm install的几个参数讲解:

  1. npm install pkg 本地安装

  2. npm install --save pkg 本地安装并将依赖保存到dependencies中用于生产环境

  3. npm install --save-dev pkg 本地安装并将依赖保存到devDependencies中用于开发环境

  4. npm install -g pkg全局安装

实际开发中根据情况使用2、3两种包的安装方式

webpack build的过程中出现error:

error如图所示

问题产生原因:npm包的位置放置全局和本地两种导致。node_modules的内容参与了webpack的打包将其 exclude掉即可

loaders: [
        {
            test: /\.jsx?$/,loader: 'babel',exclude:/node_modules/,query: {
                presets: ['react','es2015']
            }
        },]

通过本次的hello world练习总结出一个道理:

听过很多道理,但我还是没有过好这一生

相关文章

一、前言 在组件方面react和Vue一样的,核心思想玩的就是组件...
前言: 前段时间学习完react后,刚好就接到公司一个react项目...
前言: 最近收到组长通知我们项目组后面新开的项目准备统一技...
react 中的高阶组件主要是对于 hooks 之前的类组件来说的,如...
我们上一节了解了组件的更新机制,但是只是停留在表层上,例...
我们上一节了解了 react 的虚拟 dom 的格式,如何把虚拟 dom...