talksik/react_boilerplate
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Initial commit

Browse Source
This commit is contained in:
Arjun Patel
2019-01-05 16:51:55 -08:00
commit 7724be860e
11 changed files with 8042 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
.babelrc
+6
View File
@@ -0,0 +1,6 @@
{
"presets": [
"env",
"react"
]
}
.gitattributes
+2
View File
@@ -0,0 +1,2 @@
# Auto detect text files and perform LF normalization
* text=auto
.gitignore
+24
View File
@@ -0,0 +1,24 @@
.DS_STORE
node_modules
scripts/flow/*/.flowconfig
*~
*.pyc
.grunt
_SpecRunner.html
__benchmarks__
build/
remote-repo/
coverage/
.module-cache
fixtures/dom/public/react-dom.js
fixtures/dom/public/react.js
test/the-files-to-test.generated.js
*.log*
chrome-user-data
*.sublime-project
*.sublime-workspace
.idea
*.iml
.vscode
*.swp
*.swo
README.md
+1
View File
@@ -0,0 +1 @@
# react_boilerplate
dist/bundle.js
Vendored
+31
View File
File diff suppressed because one or more lines are too long
dist/index.html
Vendored
+10
View File
@@ -0,0 +1,10 @@
<!DOCTYPE html>
<html>
<head>
<title>The Minimal React Webpack Babel Setup</title>
</head>
<body>
<div id="app"></div>
<script src="./bundle.js"></script>
</body>
</html>
package-lock.json
Generated
+7857
View File
File diff suppressed because it is too large Load Diff
package.json
+44
View File
@@ -0,0 +1,44 @@
{
"name": "ucharify",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"dev": "webpack --mode development",
"build": "webpack --mode production",
"start": "webpack-dev-server --progress --colors --config ./webpack.config.js --mode development"
},
"repository": {
"type": "git",
"url": "git+https://github.com/talksik/Ucharify.git"
},
"author": "",
"license": "ISC",
"bugs": {
"url": "https://github.com/talksik/Ucharify/issues"
},
"homepage": "https://github.com/talksik/Ucharify#readme",
"dependencies": {
"react": "^16.7.0",
"react-dom": "^16.7.0"
},
"devDependencies": {
"babel": "^6.23.0",
"babel-core": "^6.26.3",
"babel-loader": "^7.1.5",
"babel-preset-env": "^1.7.0",
"babel-preset-react": "^6.24.1",
"css-loader": "^2.1.0",
"extract-text-webpack-plugin": "^4.0.0-beta.0",
"html-webpack-plugin": "^3.2.0",
"http-server": "^0.11.1",
"less": "^3.9.0",
"less-loader": "^4.1.0",
"react-hot-loader": "^4.6.3",
"style-loader": "^0.23.1",
"webpack": "^4.28.3",
"webpack-cli": "^3.2.0",
"webpack-dev-server": "^3.1.14"
}
}
src/index.js
+13
View File
@@ -0,0 +1,13 @@
import React from 'react';
import ReactDOM from 'react-dom';
import styles from "./styles.less";
const title = 'My Minimal React Webpack Babel Setup';
ReactDOM.render(
<div className={styles.header}>{title}</div>,
document.getElementById('app')
);
module.hot.accept();
src/styles.less
+6
View File
@@ -0,0 +1,6 @@
@nice-blue: rgb(38, 238, 31);
@light-blue: @nice-blue + #111;
.header {
color: @light-blue;
}
webpack.config.js
+48
View File
@@ -0,0 +1,48 @@
const webpack = require('webpack');
module.exports = {
entry: './src/index.js',
module: {
rules: [
{
test: /\.(js|jsx)$/,
exclude: /node_modules/,
use: ['babel-loader']
},
{
test: /\.less$/,
use: [
{
loader: "style-loader"
},
{
loader: "css-loader",
options: {
sourceMap: true,
modules: true,
localIdentName: "[local]___[hash:base64:5]"
}
},
{
loader: "less-loader"
}
]
}
]
},
resolve: {
extensions: ['*', '.js', '.jsx']
},
output: {
path: __dirname + '/dist',
publicPath: '/',
filename: 'bundle.js'
},
plugins: [
new webpack.HotModuleReplacementPlugin()
],
devServer: {
contentBase: './dist',
hot: true
}
};