Closed aboahab closed 2 years ago
did you read the web docs: https://www.dripsy.xyz/get-started/web/expo
Sure but this is only for expo, I want to use it without expo, plain react native
You could use those instructions without Expo, since it's just the webpack config.
Alternatively, you need a way to transpile dripsy
and the @dripsy
subpackages.
What if you change your exclude
statement inside of ts-loader
to look like this:
exclude: /node_modules\/(?!(dripsy|@dripsy/gradient|@dripsy/core)\/).*/,
I ran into something similar (now solved) because I'm using the Storybook addon-react-native-web
. For that web environment, instead of an explicit webpack.config.js
file, you need to pass the package names in the addon options and Storybook handles the transpilation. (addon docs)
.storybook/main.js
module.exports = {
stories: ['../src/components/**/*.stories.?(ts|tsx|js|jsx)'],
addons: [
'@storybook/addon-links',
'@storybook/addon-essentials',
{
name: '@storybook/addon-react-native-web',
options: {
modulesToTranspile: ['dripsy', '@dripsy'],
},
},
],
framework: '@storybook/react',
}
Hello,
I already used dripsy with expo and it is amazing, but know I want to use it with normal react native + web and typescript, but I did not get it right after several tries.
I have setup the project as described here https://levelup.gitconnected.com/setup-react-native-web-app-with-typescript-and-webpack-ff79062f53ba
Thanks in advance for the help