mirror of
https://github.com/zoriya/react-native-web.git
synced 2026-05-28 08:34:31 +00:00
[fix] babel-plugin support for 'react-native-web' module name
Now rewrites import/export/require statements from 'react-native-web'. Install the plugin in the 'benchmarks' package.
This commit is contained in:
@@ -24,6 +24,7 @@
|
||||
"styletron-utils": "^3.0.0-rc.3"
|
||||
},
|
||||
"devDependencies": {
|
||||
"babel-plugin-react-native-web": "^0.2.2",
|
||||
"css-loader": "^0.28.7",
|
||||
"style-loader": "^0.19.1",
|
||||
"webpack": "^3.10.0",
|
||||
|
||||
@@ -1,11 +1,9 @@
|
||||
import Box from './Box';
|
||||
import Dot from './Dot';
|
||||
import Tweet from './Tweet';
|
||||
import { View } from 'react-native';
|
||||
|
||||
export default {
|
||||
Box,
|
||||
Dot,
|
||||
Tweet,
|
||||
View
|
||||
};
|
||||
|
||||
@@ -12,7 +12,6 @@ import styletron from './implementations/styletron';
|
||||
|
||||
import renderDeepTree from './cases/renderDeepTree';
|
||||
import renderSierpinskiTriangle from './cases/renderSierpinskiTriangle';
|
||||
// import renderTweet from './cases/renderTweet';
|
||||
import renderWideTree from './cases/renderWideTree';
|
||||
|
||||
const testMatrix = {
|
||||
@@ -29,7 +28,6 @@ const testMatrix = {
|
||||
() => renderDeepTree('react-native-web', reactNativeWeb),
|
||||
() => renderWideTree('react-native-web', reactNativeWeb),
|
||||
() => renderSierpinskiTriangle('react-native-web', reactNativeWeb)
|
||||
// () => renderTweet('react-native-web', reactNativeWeb)
|
||||
],
|
||||
|
||||
aphrodite: [
|
||||
|
||||
@@ -1,4 +1,5 @@
|
||||
// const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;
|
||||
const babelPreset = require('../../scripts/babel/preset');
|
||||
const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;
|
||||
const path = require('path');
|
||||
const webpack = require('webpack');
|
||||
|
||||
@@ -25,23 +26,23 @@ module.exports = {
|
||||
},
|
||||
{
|
||||
test: /\.js$/,
|
||||
include: [
|
||||
path.resolve(appDirectory, 'src'),
|
||||
],
|
||||
include: [path.resolve(appDirectory, 'src')],
|
||||
use: {
|
||||
loader: 'babel-loader',
|
||||
options: {
|
||||
cacheDirectory: true
|
||||
cacheDirectory: true,
|
||||
presets: babelPreset,
|
||||
plugins: ['react-native-web']
|
||||
}
|
||||
}
|
||||
}
|
||||
]
|
||||
},
|
||||
plugins: [
|
||||
// new BundleAnalyzerPlugin({
|
||||
// analyzerMode: 'static',
|
||||
// openAnalyzer: false
|
||||
// }),
|
||||
new BundleAnalyzerPlugin({
|
||||
analyzerMode: 'static',
|
||||
openAnalyzer: false
|
||||
}),
|
||||
new webpack.DefinePlugin({
|
||||
'process.env.NODE_ENV': JSON.stringify('production')
|
||||
}),
|
||||
|
||||
Reference in New Issue
Block a user