React初步学习-利用React构建个人博客

React初步学习-利用React构建个人博客

用React和Webpack写了一个很简单的个人博客,主要是想要熟悉一下react中各种基本基本属性及方法的使用。在构建过程中碰到不少问题,通过阅读官方API,对react的生命周期和状态提升都有了更好的了解。

  1. 构建工具webpack
  2. css编译使用css-loader
  3. 博客源码 [email protected]:sunrun93/react-blog-app.git

  4. 将源码下载到本地,通过npm i安装依赖,使用npm start运行项目
  5. 依赖安装完成后,须在node_modules\react-scripts\config\webpack.config.dev.js及node_modules\react-scripts\config\webpack.config.prod.js文件中,找到css-loader的配置,对options进行相应修改,添加以下两行,已开启css-modules.

      {
      loader: require.resolve('css-loader'),
      options: {
        ......
        modules: true, 
        localIdentName: '[name]__[local]__[hash:base64:5]'
      },
       },

猜你喜欢

转载自www.cnblogs.com/Nancy-wang/p/8998136.html