@startupjs/bundler 0.41.2 → 0.42.20

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@startupjs/bundler",
-  "version": "0.41.2",
+  "version": "0.42.20",
   "description": "Opinionated scripts and configs to develop a react-native-web project",
   "main": "index.js",
   "publishConfig": {
@@ -19,13 +19,14 @@
     "@mdx-js/loader": "^1.6.22",
     "@mdx-js/mdx": "^1.6.22",
     "@pmmmwh/react-refresh-webpack-plugin": "^0.5.1",
+    "@startupjs/babel-plugin-react-css-modules": "^6.5.4-1",
     "@startupjs/css-to-react-native-transform": "^1.9.0-1",
-    "@startupjs/plugin": "^0.41.2",
+    "@startupjs/plugin": "^0.42.0",
     "@svgr/webpack": "~5.5.0",
     "assets-webpack-plugin": "^7.1.1",
     "autoprefixer": "^10.4.0",
     "babel-loader": "^8.2.3",
-    "babel-preset-startupjs": "^0.41.2",
+    "babel-preset-startupjs": "^0.42.20",
     "css-loader": "^6.5.0",
     "css-minimizer-webpack-plugin": "^3.1.1",
     "file-loader": "^6.2.0",
@@ -49,5 +50,5 @@
   "peerDependencies": {
     "react-native-svg": ">= 12.1.0"
   },
-  "gitHead": "521a4e72e2630b1fb71b246b2cc7b375c4c68792"
+  "gitHead": "9bfd354757920b839fcf9d21f7af8efa4aa58d0b"
 }

package/webpack.web.config.js

@@ -10,6 +10,7 @@ const MiniCssExtractPlugin = require('mini-css-extract-plugin')
 const CssMinimizerPlugin = require('css-minimizer-webpack-plugin')
 const { LOCAL_IDENT_NAME } = require('babel-preset-startupjs/constants')
 const autoprefixer = require('autoprefixer')
+const { getLocalIdent } = require('@startupjs/babel-plugin-react-css-modules/utils')
 const DEV_PORT = ~~process.env.DEV_PORT || 3010
 const PROD = !process.env.WEBPACK_DEV
 const STYLES_PATH = path.join(process.cwd(), '/styles/index.styl')
@@ -34,7 +35,8 @@ const DEFAULT_ALIAS = {
   // fix warning requiring './locale': https://github.com/moment/moment/issues/1435
   moment$: 'moment/moment.js',
   'react-native': 'react-native-web',
-  'react-router-native': 'react-router-dom'
+  'react-router-native': 'react-router-dom',
+  '@fortawesome/react-native-fontawesome': '@fortawesome/react-fontawesome'
 }
 
 let DEFAULT_ENTRIES = [
@@ -251,6 +253,7 @@ module.exports = function getConfig (env, {
               loader: 'css-loader',
               options: {
                 modules: {
+                  getLocalIdent,
                   localIdentName: LOCAL_IDENT_NAME
                 }
               }
@@ -258,7 +261,9 @@ module.exports = function getConfig (env, {
             {
               loader: 'postcss-loader',
               options: {
-                plugins: [autoprefixer]
+                postcssOptions: {
+                  plugins: [autoprefixer]
+                }
               }
             },
             {
@@ -297,6 +302,7 @@ module.exports = function getConfig (env, {
               loader: 'css-loader',
               options: {
                 modules: {
+                  getLocalIdent,
                   localIdentName: LOCAL_IDENT_NAME
                 }
               }