![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
文章平均质量分 65
Li,Ming J M
这个作者很懒,什么都没留下…
展开
-
Part 5 - Async Load Component
一般来说,我们在开发时,总是将所有的资源(js,css,image)都打包到一个boudle里。 有时候,我们需要将这些资源进行分包处理,和异步并行加载他们。 我们可以怎么做? 在ES2015中,import()这个方法可以在运行时动态地加载ES2015 modules。 webpack4.0或者更高版本都支持这个import()方法。 Import()方法会为我们返回一个promise function,我们可以像使用promise function一样使用它。 你可以在这条link查看更多的原创 2022-03-23 15:48:38 · 900 阅读 · 0 评论 -
Part 4 - Support React jsx and class
Step 1 首先,我们需要修改webpack.config.js,修改如下: ... module:{ rules:[//webpack package rules { test:/\.(js|jsx)$/,//当webpack 打包用到的是JS|jsx文件时,就用babel-loader来编译 exclude:/node_modules/,//排除node_modules文件里的js原创 2022-03-23 11:35:47 · 1242 阅读 · 0 评论 -
Part 3 - Integrated sass/css loader
Step 1 1、npm install style-loader css-loader sass-loader sass --save-dev 2、编辑webpack.config.js const path = require('path') const publicPath='../build/' const rootpath=path.resolve(__dirname,publicPath) const HtmlWebpackPlugin= require('html-webpack-p原创 2022-03-22 14:45:36 · 1561 阅读 · 0 评论 -
Part 2 - Integrated webpack-dev-server
integrated webpack-dev-server原创 2022-03-22 10:42:02 · 579 阅读 · 0 评论 -
Part 1 - Create React App
手动创建一个react web工程化项目,像vue、react那样。原创 2022-03-21 15:48:12 · 315 阅读 · 0 评论