Add nativescript.webpack.js

Author: ClassicOldSong

README.md

@@ -58,19 +58,6 @@ Use `on:raw-EventName` and `oncapture:RawEvent-Name` to register event handlers
 
 To enable capture and bubble phase of an event, please refer to this [doc](https://github.com/SudoMaker/DOMiNATIVE#tweakabledefineeventoptioneventname-string-option-eventoption)
 
-### Manually aliasing `solid-js`
-
-You have to manually aliasing `solid-js` to the browser version in `webpack.config.js`, otherwise it will use the server version.
-
-For example:
-
-```js
-// Please keep this order of setting aliases
-config.resolve.alias
-	.set("solid-js/universal", path.resolve(__dirname, `node_modules/solid-js/universal/dist/${env.production ? 'universal' : 'dev'}.js`))
-	.set("solid-js", path.resolve(__dirname, `node_modules/solid-js/dist/${env.production ? 'solid' : 'dev'}.js`))
-```
-
 ## License
 
 MIT

nativescript.webpack.js

@@ -0,0 +1,66 @@
+const path = require('path');
+const {
+  getPlatformName,
+} = require('@nativescript/webpack/dist/helpers/platform');
+
+const solid = (config, env) => {
+  const platform = getPlatformName();
+
+  const solidPath = path.resolve(require.resolve("solid-js"), "../..");
+
+  config.resolve.extensions
+    .prepend('.js')
+    .prepend('.ts')
+    .prepend('.tsx')
+    .prepend('.jsx')
+    .prepend(`.${platform}.js`)
+    .prepend(`.${platform}.ts`)
+    .prepend(`.${platform}.jsx`)
+    .prepend(`.${platform}.tsx`);
+
+  config.resolve.alias
+    .set(
+      'solid-js/universal',
+      path.resolve(solidPath, `universal/dist/${env.production ? 'universal' : 'dev'}.js`)
+    )
+    .set(
+      'solid-js',
+      path.resolve(solidPath, `dist/${env.production ? 'solid' : 'dev'}.js`)
+    );
+
+  config.module
+    .rule('bundle-source')
+    .test(/\.(|t|j)sx?$/)
+    .exclude.add(/node_modules/)
+    .end()
+    .use('babel-loader')
+    .loader('babel-loader')
+    .before('ts-loader')
+    .options({
+      babelrc: false,
+      configFile: false,
+      presets: [
+        [
+          'babel-preset-solid',
+          {
+            moduleName: '@dominative/solid',
+            generate: 'universal',
+          },
+        ],
+      ],
+      env: {
+        development: {
+          plugins: [['solid-refresh/babel', { bundler: 'webpack5' }]],
+        },
+      },
+    });
+
+  if (!env.production) {
+    config.output.devtoolNamespace('app');
+    config.devServer.hotOnly(true);
+    config.devServer.hot(true);
+  }
+};
+
+module.exports = webpack => webpack.chainWebpack(solid);
+

package-lock.json

@@ -1,9 +1,8 @@
 {
   "name": "@dominative/solid",
-  "version": "0.0.3-alpha.1",
+  "version": "0.0.4-alpha.1",
   "description": "Custom render and patches for SolidJS to work with DOMiNATIVE",
   "main": "src/index.js",
-  "type": "module",
   "scripts": {},
   "keywords": [
     "{N}",