lms-client基于React和Ant design的前端项目笔记

愿得一人心&&

于 2020-04-10 10:38:17 发布

阅读量576

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript 文章标签： javascript reactjs typescript 前端

本文链接：https://blog.youkuaiyun.com/ChenFan_158/article/details/105427828

本文记录了一个基于React和Ant Design的前端项目配置，包括MiniCssExtractPlugin的配置选择，热模块替换实现，以及使用React Hooks、Redux、解决TSX识别问题的技巧。同时提到了Webpack的模块打包优化和JavaScript中避免的常见错误。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

项目是开源的，欢迎star

ps：项目地址
lms_server

https://gitee.com/tomatogitee/lms_server.git

lms_client

https://gitee.com/tomatogitee/lms_client.git

Tip：两个项目是一起的，建议一起克隆下来。码云的克隆速度非常快，这里点个赞吧。

更新时间：2020年04月10日

MiniCssExtractPlugin 配置

Step1: 配置 loader

{
   
  test: /\.(css|less)$/,
  use: [
    {
   
      //MiniCssExtractPlugin的webpack的配置方法
      loader: MiniCssExtractPlugin.loader
    },
    "css-loader",
    "less-loader"
  ]
},

Step2: 配置 Plugin

{
   
  ...
  new MiniCssExtractPlugin({
   
    filename: "css/[name].css",
    chunkFilename: "css/[id].css"
  }),
  ...

最低0.47元/天解锁文章