packages/cli: remove react-scripts dependency

packages/cli/package.json

@@ -41,6 +41,7 @@
     "chalk": "^4.0.0",
     "chokidar": "^3.3.1",
     "commander": "^4.1.1",
+    "css-loader": "^3.5.3",
     "dashify": "^2.0.0",
     "diff": "^4.0.2",
     "eslint-plugin-import": "^2.20.2",
@@ -54,10 +55,10 @@
     "jest-css-modules": "^2.1.0",
     "jest-esm-transformer": "^1.0.0",
     "ora": "^4.0.3",
+    "raw-loader": "^4.0.1",
     "react": "^16.0.0",
     "react-dev-utils": "^10.2.0",
     "react-hot-loader": "^4.12.21",
-    "react-scripts": "^3.4.1",
     "recursive-readdir": "^2.2.2",
     "replace-in-file": "^6.0.0",
     "rollup": "^2.3.2",
@@ -65,11 +66,14 @@
     "rollup-plugin-peer-deps-external": "^2.2.2",
     "rollup-plugin-postcss": "^3.1.1",
     "rollup-plugin-typescript2": "^0.26.0",
+    "style-loader": "^1.2.1",
     "sucrase": "^3.14.0",
     "tar": "^6.0.1",
     "ts-loader": "^7.0.4",
+    "url-loader": "^4.1.0",
     "webpack": "^4.41.6",
     "webpack-dev-server": "^3.10.3",
+    "yml-loader": "^2.1.0",
     "yn": "^4.0.0"
   },
   "devDependencies": {

packages/cli/src/lib/bundle/loaders.ts

@@ -21,7 +21,7 @@ export const loaders = (): Module['rules'] => {
     {
       test: /\.(tsx?)$/,
       exclude: /node_modules/,
-      loader: '@sucrase/webpack-loader',
+      loader: require.resolve('@sucrase/webpack-loader'),
       options: {
         transforms: ['typescript', 'jsx', 'react-hot-loader'],
       },
@@ -29,14 +29,14 @@ export const loaders = (): Module['rules'] => {
     {
       test: /\.(jsx?|mjs)$/,
       exclude: /node_modules/,
-      loader: '@sucrase/webpack-loader',
+      loader: require.resolve('@sucrase/webpack-loader'),
       options: {
         transforms: ['jsx', 'react-hot-loader'],
       },
     },
     {
       test: [/\.bmp$/, /\.gif$/, /\.jpe?g$/, /\.png$/, /\.frag/, /\.xml/],
-      loader: 'url-loader',
+      loader: require.resolve('url-loader'),
       options: {
         limit: 10000,
         name: 'static/media/[name].[hash:8].[ext]',
@@ -44,15 +44,15 @@ export const loaders = (): Module['rules'] => {
     },
     {
       test: /\.ya?ml$/,
-      use: 'yml-loader',
+      use: require.resolve('yml-loader'),
     },
     {
       include: /\.(md)$/,
-      use: 'raw-loader',
+      use: require.resolve('raw-loader'),
     },
     {
       test: /\.css$/i,
-      use: ['style-loader', 'css-loader'],
+      use: [require.resolve('style-loader'), require.resolve('css-loader')],
     },
   ];
 };