本教程操作环境:windows10系统、React-ve 0.1.12版、Dell G3电脑。react ve是什么意思?react-ve一个让你快速搭建react开发环境的脚手架优化项代码丑化压缩代码分割(code-splitting)
本教程操作环境:windows10系统、React-ve 0.1.12版、Dell G3电脑。
react ve是什么意思?
react-ve
一个让你快速搭建react开发环境的脚手架
优化项
代码丑化压缩
代码分割(code-splitting) 模板使用基于路由的动态导入
使用 DLL 将公用依赖库模块封装为一个独立文件
安装及使用
npm install react-ve -g
react-ve init [projectName]
启动项目
cd [projectName]
yarn 或 npm install
npm run dll
npm start
在浏览器地址栏中输入:localhost:3000即可访问
项目打包,运行npm run build即可,项目将打包至dist文件夹内
默认使用技术栈:
react
typescript
antd
styled-components
react-router-dom
immutable
你可以根据喜好来install或uninstall它们。
建议:
项目公共样式(包括antd、框架、装饰页)使用less,页面级样式采 用styled-components,以防止样式污染。
DLL :
在webpack.dll.config.babel.js中,默认打包的公共包包括:
entry: {
vendor: ['react', 'react-dom', 'antd', 'react-router-dom', 'immutable']
}
你可以根据自己的喜好做删减。
以上就是react ve是什么意思的详细内容,更多请关注编程网其它相关文章!
--结束END--
本文标题: react ve是什么意思
本文链接: https://lsjlt.com/news/206424.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
2023-05-25
2023-05-25
2023-05-25
2023-05-25
2023-05-25
2023-05-24
2023-05-24
2023-05-24
2023-05-24
2023-05-24
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
0