first commit

Author: raymondsze

.gitignore

@@ -0,0 +1,11 @@
+.idea/
+.vscode/
+node_modules/
+build
+.DS_Store
+*.tgz
+lerna-debug.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+/.changelog

LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2017 Sze Ka Wai Raymond
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

README.md

@@ -0,0 +1,7 @@
+{
+  "lerna": "2.0.0-rc.5",
+  "version": "independent",
+  "packages": [
+    "packages/*"
+  ]
+}

lerna.json

@@ -0,0 +1,11 @@
+{
+  "name": "create-react-scripts",
+  "version": "0.0.1",
+  "private": true,
+  "description": "Easily extend the react-scripts to your own version of react-scripts",
+  "author": "Sze Ka Wai Raymond",
+  "license": "MIT",
+  "devDependencies": {
+    "lerna": "^2.0.0-rc.5"
+  }
+}

package.json

@@ -0,0 +1,25 @@
+# create-react-scripts-babelrc
+-----------------
+Mark **babelrc** option to true in [babel-loader](https://github.com/babel/babel-loader).
+This is very useful if you want to add some external babel feature into webpack build.
+
+Example Usage:
+##### Modify crs.config
+Modify `crs.config` as below.
+```js
+const { compose } = require('create-react-scripts');
+module.exports = compose(
+  ...
+  require('create-react-scripts-babelrc')(),
+);
+```
+
+##### Create .babelrc
+Create `.babelrc` under your application folder
+For example, I want to enable `stage-0` and `decorator` supports.
+```
+{
+  "presets": ["react-app", "stage-0"],
+  "plugins": ["transform-decorators-legacy"]
+}
+```

packages/create-react-scripts-babelrc/README.md

@@ -0,0 +1,15 @@
+'use strict';
+
+const { getBabelLoader } = require('create-react-scripts-utils');
+
+module.exports = options => ({
+  webpack(config, env) {
+    // get the babel loader
+    const loader = getBabelLoader(config);
+    // obtain the options
+    const options = loader.options || loader.query;
+    // set the babelrc to true
+    options.babelrc = true;
+    return config;
+  },
+});

packages/create-react-scripts-babelrc/index.js

@@ -0,0 +1,14 @@
+{
+  "name": "create-react-scripts-babelrc",
+  "version": "0.0.1",
+  "author": "Sze Ka Wai Raymond",
+  "description": "Mark babelrc option to true to create-react-scripts",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/raymondsze/create-react-scripts/issues"
+  },
+  "main": "index.js",
+  "dependencies": {
+    "create-react-scripts-utils": "^0.0.1"
+  }
+}

packages/create-react-scripts-babelrc/package.json

@@ -0,0 +1,29 @@
+# create-react-scripts-dll
+-----------------
+Add [autodll-webpack-plugin](https://github.com/asfktz/autodll-webpack-plugin) support.
+This is useful to faster the webpack bundling time.
+Also, it make the code structing cleaner by separating the vendor related codes from your source codes.
+The pacakge specified in `vendor` section of `pacakge.json` would be bundled into `static/js/vendor:[hash:8].js`.
+
+##### Modify crs.config
+Modify `crs.config` as below.
+```js
+const { compose } = require('create-react-scripts')
+
+module.exports = compose(
+  ...
+  require('create-react-scripts-dll')(/* options passed to autodll-webpack-plugin */),
+);
+```
+
+##### Add vendor section to package.json
+Modify `package.json` under your application folder
+```js
+{
+  ...
+  "vendor" [
+    "react",
+    "react-dom"
+  ]
+}
+```

packages/create-react-scripts-dll/README.md

@@ -0,0 +1,18 @@
+const path = require('path');
+const AutoDllPlugin = require('autodll-webpack-plugin');
+
+module.exports = options => ({
+  webpack(config) {
+    const appPackageJson = path.join(process.cwd(), 'package.json');
+    const vendor = require(appPackageJson).vendor || [];
+    config.plugins.push(
+      new AutoDllPlugin(Object.assign({
+        inject: true,
+        filename: '[name].[hash:8].js',
+        path: './static/js',
+        entry: { vendor },
+      }, options))
+    );
+    return config;
+  },
+});