not able to run on web
XI3959-AnkushRishi opened this issue · 1 comments
XI3959-AnkushRishi commented
My Webpack.config file:
const path = require('path');
const webpack = require('webpack');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const appDirectory = path.resolve(__dirname);
const { presets } = require(`${appDirectory}/babel.config.js`);
// const nodeExternals = require('webpack-node-externals');
const compileNodeModules = [
// Add every react-native package that needs compiling
// 'react-native-gesture-handler',
].map((moduleName) => path.resolve(appDirectory, `node_modules/${moduleName}`));
const babelLoaderConfiguration = {
test: /\.js$|tsx?$/,
// Add every directory that needs to be compiled by Babel during the build.
include: [
path.resolve('src'),
path.parse(require.resolve('react-native-confirmation-code-field/package.json')).dir
],
exclude: /node_modules(?!\/react-native-paper)/,
// include: [path.resolve(__dirname, "node_modules/react-native-paper")],
use: {
loader: 'babel-loader',
options: {
cacheDirectory: true,
presets,
plugins: ['react-native-web'],
},
},
};
const svgLoaderConfiguration = {
test: /\.svg$/,
use: [
{
loader: '@svgr/webpack',
},
],
};
const imageLoaderConfiguration = {
test: /\.(gif|jpe?g|png)$/,
use: {
loader: 'url-loader',
options: {
name: '[name].[ext]',
},
},
};
const fileLoaderConfiguration = {
test: /\.(jpg|png|woff|woff2|eot|ttf|svg)$/,
type: 'asset/resource'
};
module.exports = {
target: 'web', // in order to ignore built-in modules like path, fs, etc.
// externals: [nodeExternals()], // in order to ignore all modules in node_modules folder
entry: {
app: path.join(__dirname, 'index.web.js'),
},
output: {
path: path.resolve(appDirectory, 'dist'),
filename: 'bundle.web.js',
},
devtool: 'source-map',
resolve: {
extensions: ['.web.tsx', '.web.ts', '.tsx', '.ts', '.web.js', '.js'],
alias: {
'react-native$': 'react-native-web',
'react-native-maps': 'react-native-web-maps',
},
},
module: {
rules: [
babelLoaderConfiguration,
imageLoaderConfiguration,
svgLoaderConfiguration,
fileLoaderConfiguration
],
},
plugins: [
new HtmlWebpackPlugin({
template: path.join(__dirname, 'index.html'),
}),
new webpack.HotModuleReplacementPlugin(),
new webpack.DefinePlugin({
// See: https://github.com/necolas/react-native-web/issues/349
__DEV__: JSON.stringify(true),
}),
],
};
retyui commented
duplicate: #175 (comment)