react
5篇文章 · 0订阅
  • 从零配置webpack 4+react脚手架（一）
    如果你和我一样学习了webpack相关的教程，并跟着webpack官方指南进行了一些简单的配置，但是不知道如何去使用它，那么这个系列的文章将通过搭建webpack+react脚手架给予你一定的配置经验，写这个系列的文章一是为了方便以后自己有配置需求时可以及时回顾，二是加强自己对…
    Webpack
  • 你真的了解 React 生命周期吗
    该生命周期钩子的作用： 将父组件传递过来的 props 映射 到子组件的 state 上面，这样组件内部就不用再通过 this.props.xxx 获取属性值了，统一通过 this.state.xxx 获取。映射就相当于拷贝了一份父组件传过来的 props ，作为子组件自己的状…
    React.js
  • 从零配置webpack 4+react脚手架（四）
    outputPath是输出到dist目录下的路径，即dist/images/... ； 接下来就是测试下可以不可以用了，在 src 目录下新建一个文件夹： images ，并导入一个图片文件，名为 background.png ，图片文件点我下载。 执行 npm run bui…
    Webpack
  • 从零配置webpack 4+react脚手架（三）
    这一节我们将在脚手架中引入CSS，SASS，LESS，并且实现代码压缩，以及PostCSS的使用。 wbpack只能编译js文件，css文件是无法被识别并编译的，我们需要loader加载器来进行预处理。 遇到后缀为.css的文件，webpack先用css-loader加载器去解…
    Webpack
  • 从零配置webpack 4+react脚手架（二）
    你可能也注意到了，html文件中的关于js的引用是我们手动写的，那假如我们改了输出路径或打包编译之后的文件名，那我们岂不是还要手动去修改html文件中的引用？我们怎么做到，像create-react-app中那样一旦你修改了某个文件内容，页面会自己刷新？我们来一步一步实现它们，…
    Webpack