@s-ui/bundler 9.71.0 → 9.73.0

package/README.md

@@ -167,6 +167,8 @@ This tool works with zero configuration out the box but you could use some confi
 
 `targets`: Object with information about the browser and version supported. (default: `see the next example`)
 
+`disableTypeScriptLoader`: Flag to determine if typescript loader should be used. (default: `false`)
+
 ```json
 {
   "config": {
@@ -184,7 +186,8 @@ This tool works with zero configuration out the box but you could use some confi
       "sourcemaps": {
         "dev": "cheap-module-eval-source-map",
         "prod": "hidden-source-map"
-      }
+      },
+      "disableTypeScriptLoader": true // Only if you want to disable typescript loader
     }
   }
 }
@@ -291,8 +294,7 @@ If in your CSS you have:
 ```css
 #app {
   color: blue;
-  background: url('https://spa-mock-statics.surge.sh/images/common/sprite-sheet/sprite-ma.png')
-    no-repeat scroll;
+  background: url('https://spa-mock-statics.surge.sh/images/common/sprite-sheet/sprite-ma.png') no-repeat scroll;
 }
 ```
 
@@ -301,17 +303,15 @@ After compile you will get:
 ```css
 #app {
   color: #00f;
-  background: url(https://spa-mock-statics.surge.sh/images/common/sprite-sheet/sprite-ma.72d1edb214.png)
-    no-repeat scroll;
+  background: url(https://spa-mock-statics.surge.sh/images/common/sprite-sheet/sprite-ma.72d1edb214.png) no-repeat
+    scroll;
 }
 ```
 
 Or if in your JS you have:
 
 ```jsx
-<img
-  src={'https://spa-mock-statics.surge.sh/images/common/mis-anuncios2.gif'}
-/>
+<img src={'https://spa-mock-statics.surge.sh/images/common/mis-anuncios2.gif'} />
 ```
 
 After compile will be:

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@s-ui/bundler",
-  "version": "9.71.0",
+  "version": "9.73.0",
   "description": "Config-free bundler for ES6 React apps.",
   "bin": {
     "sui-bundler": "./bin/sui-bundler.js"

package/shared/module-rules-compiler.js

@@ -26,8 +26,8 @@ const getTSConfig = () => {
 
 module.exports = ({isServer = false, isDevelopment = false, supportLegacyBrowsers = true} = {}) => {
   const tsConfig = getTSConfig()
-  // If TS config exists in root dir, set TypeScript as enabled.
-  const isTypeScriptEnabled = Boolean(tsConfig)
+  // If config.disableTypeScriptLoader is not true and TS config exists in root dir, set TypeScript as enabled.
+  const isTypeScriptEnabled = !config.disableTypeScriptLoader && Boolean(tsConfig)
 
   return isTypeScriptEnabled
     ? {

package/webpack.config.client.dev.js

@@ -21,7 +21,7 @@ const createCompilerRules = require('./shared/module-rules-compiler.js')
 
 const outputPath = path.join(process.cwd(), '.sui/public')
 
-const {CI = false, PWD = '', CDN} = process.env
+const {CI = false, CDN} = process.env
 
 process.env.NODE_ENV = 'development'
 
@@ -30,7 +30,7 @@ process.env.NODE_ENV = 'development'
 const webpackConfig = {
   name: 'client',
   mode: 'development',
-  context: path.resolve(PWD, 'src'),
+  context: path.resolve(process.cwd(), 'src'),
   resolve: {
     alias: {
       ...defaultAlias,

package/webpack.config.dev.js

@@ -16,7 +16,7 @@ const createCompilerRules = require('./shared/module-rules-compiler.js')
 
 const outputPath = path.join(process.cwd(), 'dist')
 
-const {CI = false, PWD = ''} = process.env
+const {CI = false} = process.env
 
 process.env.NODE_ENV = 'development'
 
@@ -25,7 +25,7 @@ process.env.NODE_ENV = 'development'
 const webpackConfig = {
   name: 'client-local',
   mode: 'development',
-  context: path.resolve(PWD, 'src'),
+  context: path.resolve(process.cwd(), 'src'),
   resolve: {
     alias: {
       ...defaultAlias,