2024年最全利用Webpack构建React Native for Web(1),前端开发培训心得

算法刷题

大厂面试还是很注重算法题的,尤其是字节跳动,算法是问的比较多的,关于算法,推荐《LeetCode》和《算法的乐趣》,这两本我也有电子版,字节跳动、阿里、美团等大厂面试题(含答案+解析)、学习笔记、Xmind思维导图均可以分享给大家学习。

开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

写在最后

最后,对所以做Java的朋友提几点建议,也是我的个人心得:

  1. 疯狂编程

  2. 学习效果可视化

  3. 写博客

  4. 阅读优秀代码

  5. 心态调整

module.exports = {

devtool: ‘eval-source-map’,//使用eval打包源文件模块,在同一个文件中生成干净的完整的source map。

entry: __dirname + “/app/main.js”,//已多次提及的唯一入口文件

output: {

path: __dirname + “/public”,//打包后的文件存放的地方

filename: “bundle-[hash].js”//打包后输出文件的文件名

},

devServer: {

contentBase: “./public”,//本地服务器所加载的页面所在的目录

historyApiFallback: true,//不跳转

inline: true,//实时刷新

hot: true

},

module: {

rules: [

{

/** 正则表达式,编译所有.js文件 */

test: /.js$/,

/** 包含要编译的目录和文件 */

include: [

/** 根目录下的index.js */

path.resolve(appDirectory, ‘index.js’),

/** 子目录src下所有文件 */

path.resolve(appDirectory, ‘src’),

path.resolve(appDirectory, ‘node_modules/react-native-uncompiled’)

]

},

{

test: /(.jsx|.js)$/,

use: {

loader: “babel-loader”,

},

exclude: /node_modules/

},

{

test: /.css$/,

use: [

{

loader: “style-loader”

}, {

loader: “css-loader”,

options: {

modules: {

localIdentName: “[name]__[local]–[hash:base64:5]” // 指定css的类名格式

}

}

}, {

loader: “postcss-loader”

}

]

}

]

},

/**

  • resolve配置模块如何解析

  • */

resolve: {

alias: {

‘react-native$’: ‘react-native-web’

},

/** 自动解析确定的扩展 */

extensions: [‘.web.js’, ‘.js’],

/** 告诉webpack解析模块时应搜索的目录 */

modules: [‘node_modules’]

},

plugins: [

new webpack.BannerPlugin(‘版权所有,翻版必究’),

new HtmlWebpackPlugin({

template: __dirname + “/app/index.tmpl.html”//new 一个这个插件的实例,并传入相关的参数

}),

new webpack.HotModuleReplacementPlugin()//热加载插件

]

}

4.在项目中使用demo

import React, { Component } from “react”;

import { Button, Image, StyleSheet, Text, View } from “react-native”;

const logoUri = data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" /svg>;

class App extends Component {

render() {

return (

<Image

结尾

学习html5、css、javascript这些基础知识,学习的渠道很多,就不多说了,例如,一些其他的优秀博客。但是本人觉得看书也很必要,可以节省很多时间,常见的javascript的书,例如:javascript的高级程序设计,是每位前端工程师必不可少的一本书,边看边用,了解js的一些基本知识,基本上很全面了,如果有时间可以读一些,js性能相关的书籍,以及设计者模式,在实践中都会用的到。

开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

html5

  • 3
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值