added template file
This commit is contained in:
parent
3303462570
commit
6f4c654481
|
|
@ -0,0 +1,20 @@
|
||||||
|
<!doctype html>
|
||||||
|
<html lang="en" data-framework="backdonejs">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||||
|
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
|
||||||
|
<meta name="description" content="">
|
||||||
|
<meta name="author" content="">
|
||||||
|
<link rel="icon" href="../../favicon.ico">
|
||||||
|
|
||||||
|
<title>Starter Template for Bootstrap</title>
|
||||||
|
<script type="text/javascript" src="assets/vendor.js" charset="utf-8"></script>
|
||||||
|
<script type="text/javascript" src="assets/main.js" charset="utf-8"></script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div id="app">APPLICATION CONTENT</div>
|
||||||
|
<script>__REACT_DEVTOOLS_GLOBAL_HOOK__ = parent.__REACT_DEVTOOLS_GLOBAL_HOOK__</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,20 @@
|
||||||
|
<!doctype html>
|
||||||
|
<html lang="en" data-framework="backdonejs">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||||
|
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
|
||||||
|
<meta name="description" content="">
|
||||||
|
<meta name="author" content="">
|
||||||
|
<link rel="icon" href="../../favicon.ico">
|
||||||
|
|
||||||
|
<title>Starter Template for Bootstrap</title>
|
||||||
|
<link rel="stylesheet" type="text/css" href="assets/vendor.css">
|
||||||
|
<script type="text/javascript" src="assets/vendor.js" charset="utf-8"></script>
|
||||||
|
<script type="text/javascript" src="assets/main.js" charset="utf-8"></script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div id="app">APPLICATION CONTENT</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,60 @@
|
||||||
|
{
|
||||||
|
"private": true,
|
||||||
|
"dependencies": {
|
||||||
|
"consolelog": "^2.1.3",
|
||||||
|
"es5-shim": "^4.5.7",
|
||||||
|
"es6-shim": "^0.35.0",
|
||||||
|
"html5shiv": "^3.7.3",
|
||||||
|
"jquery": "^2.2.2",
|
||||||
|
"jquery.backstretch": "^2.1.13",
|
||||||
|
"json3": "^3.3.2",
|
||||||
|
"lodash": "^4.7.0",
|
||||||
|
"material-ui": "^0.15.0-alpha.2",
|
||||||
|
"normalize.css": "^4.0.0",
|
||||||
|
"react": "^0.14.8",
|
||||||
|
"react-dom": "^0.14.0",
|
||||||
|
"react-tap-event-plugin": "^0.2.2"
|
||||||
|
},
|
||||||
|
"devDependencies": {
|
||||||
|
"autoprefixer": "^6.3.5",
|
||||||
|
"babel-core": "^6.7.4",
|
||||||
|
"babel-eslint": "^6.0.0",
|
||||||
|
"babel-loader": "^6.2.4",
|
||||||
|
"babel-plugin-transform-runtime": "^6.6.0",
|
||||||
|
"babel-polyfill": "^6.3.14",
|
||||||
|
"babel-preset-es2015": "^6.0.15",
|
||||||
|
"babel-preset-react": "^6.0.15",
|
||||||
|
"body-parser": "^1.15.0",
|
||||||
|
"bower-webpack-plugin": "^0.1.9",
|
||||||
|
"cjsx-loader": "^2.1.0",
|
||||||
|
"coffee-loader": "^0.7.2",
|
||||||
|
"coffee-script": "^1.10.0",
|
||||||
|
"css-loader": "^0.23.1",
|
||||||
|
"eslint": "^2.2.0",
|
||||||
|
"eslint-loader": "^1.0.0",
|
||||||
|
"eslint-plugin-react": "^4.0.0",
|
||||||
|
"express": "^4.13.4",
|
||||||
|
"extract-text-webpack-plugin": "^1.0.1",
|
||||||
|
"file-loader": "^0.8.5",
|
||||||
|
"html-loader": "^0.4.3",
|
||||||
|
"imports-loader": "^0.6.5",
|
||||||
|
"json-loader": "^0.5.4",
|
||||||
|
"markdown-loader": "^0.1.7",
|
||||||
|
"node-sass": "^3.4.2",
|
||||||
|
"postcss": "^5.0.11",
|
||||||
|
"postcss-loader": "^0.8.2",
|
||||||
|
"react-addons-test-utils": "^0.14.0",
|
||||||
|
"react-hot-loader": "^1.3.0",
|
||||||
|
"resolve-url-loader": "^1.4.3",
|
||||||
|
"sass-loader": "^3.2.0",
|
||||||
|
"style-loader": "^0.13.1",
|
||||||
|
"text-loader": "0.0.1",
|
||||||
|
"url-loader": "^0.5.7",
|
||||||
|
"webpack": "^1.12.14",
|
||||||
|
"webpack-dev-middleware": "^1.6.1",
|
||||||
|
"webpack-hot-middleware": "^2.10.0"
|
||||||
|
},
|
||||||
|
"scripts": {
|
||||||
|
"start": "node server.js"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,58 @@
|
||||||
|
'use strict';
|
||||||
|
|
||||||
|
|
||||||
|
require("coffee-script/register");
|
||||||
|
require('core-js/fn/object/assign');
|
||||||
|
|
||||||
|
|
||||||
|
var express = require('express');
|
||||||
|
var url = require('url');
|
||||||
|
var webpack = require('webpack');
|
||||||
|
|
||||||
|
var webpackDevMiddleware = require('webpack-dev-middleware');
|
||||||
|
var webpackHotMiddleware = require('webpack-hot-middleware');
|
||||||
|
|
||||||
|
var bodyParser = require('body-parser');
|
||||||
|
|
||||||
|
var config = require('./webpack.config');
|
||||||
|
|
||||||
|
var host = '127.0.0.1';
|
||||||
|
var port = 8080;
|
||||||
|
|
||||||
|
var server = express();
|
||||||
|
var compiler = webpack(config);
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
server.use(webpackDevMiddleware(compiler, {
|
||||||
|
publicPath: config.output.publicPath,
|
||||||
|
hot: true,
|
||||||
|
historyApiFallback: true,
|
||||||
|
stats: {
|
||||||
|
colors: true,
|
||||||
|
hash: false,
|
||||||
|
version: false,
|
||||||
|
chunks: false,
|
||||||
|
children: false,
|
||||||
|
},
|
||||||
|
headers: {
|
||||||
|
'Access-Control-Allow-Origin': '*',
|
||||||
|
'Access-Control-Allow-Headers': 'X-Requested-With'
|
||||||
|
},
|
||||||
|
}));
|
||||||
|
|
||||||
|
server.use(webpackHotMiddleware(compiler));
|
||||||
|
|
||||||
|
|
||||||
|
server.use(bodyParser.json());
|
||||||
|
server.use(bodyParser.urlencoded({ extended: true }));
|
||||||
|
|
||||||
|
server.get('/', function(req, res) {
|
||||||
|
res.sendFile(config.resolve.root + '/index.dev.html');
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
server.listen(port, 'localhost', err => {
|
||||||
|
if (err) console.log(`=> OMG!!! 🙀 ${err}`);
|
||||||
|
console.log(`=> 🔥 Webpack dev server is running on port ${port}`);
|
||||||
|
});
|
||||||
|
|
@ -0,0 +1,25 @@
|
||||||
|
React=require 'react'
|
||||||
|
mui=require('material-ui')
|
||||||
|
rawTheme=require('source/cjsx/components/Theme')
|
||||||
|
AppBar=mui.AppBar
|
||||||
|
|
||||||
|
RaisedButton=mui.RaisedButton
|
||||||
|
|
||||||
|
|
||||||
|
class App extends React.Component
|
||||||
|
constructor: (props, context)->
|
||||||
|
super(props, context)
|
||||||
|
|
||||||
|
@childContextTypes :
|
||||||
|
muiTheme: React.PropTypes.object
|
||||||
|
|
||||||
|
getChildContext: ->
|
||||||
|
muiTheme: mui.Styles.getMuiTheme(rawTheme)
|
||||||
|
|
||||||
|
render: ->
|
||||||
|
<div>
|
||||||
|
<AppBar title="My AppBar" />
|
||||||
|
<RaisedButton label="My Button" primary={true} />
|
||||||
|
</div>
|
||||||
|
|
||||||
|
module.exports=App
|
||||||
|
|
@ -0,0 +1,23 @@
|
||||||
|
mui=require('material-ui')
|
||||||
|
Colors=require('material-ui/lib/styles/colors')
|
||||||
|
ColorManipulator=mui.Utils.ColorManipulator
|
||||||
|
Spacing=require('material-ui/lib/styles/spacing')
|
||||||
|
zIndex=require('material-ui/lib/styles/zIndex')
|
||||||
|
|
||||||
|
module.exports=
|
||||||
|
spacing: Spacing
|
||||||
|
zIndex: zIndex
|
||||||
|
fontFamily: 'Roboto, sans-serif'
|
||||||
|
palette:
|
||||||
|
primary1Color: Colors.red500
|
||||||
|
primary2Color: Colors.cyan700
|
||||||
|
primary3Color: Colors.lightBlack
|
||||||
|
accent1Color: Colors.pinkA200
|
||||||
|
accent2Color: Colors.grey100
|
||||||
|
accent3Color: Colors.grey500
|
||||||
|
textColor: Colors.darkBlack
|
||||||
|
alternateTextColor: Colors.white
|
||||||
|
canvasColor: Colors.white
|
||||||
|
borderColor: Colors.grey300
|
||||||
|
disabledColor: ColorManipulator.fade(Colors.darkBlack, 0.3)
|
||||||
|
pickerHeaderColor: Colors.cyan500
|
||||||
|
|
@ -0,0 +1,12 @@
|
||||||
|
require('core-js/fn/object/assign')
|
||||||
|
React=require('react')
|
||||||
|
ReactDom=require('react-dom')
|
||||||
|
App = require('source/cjsx/components/App')
|
||||||
|
|
||||||
|
window.React = React
|
||||||
|
window.ReactDom = ReactDom
|
||||||
|
|
||||||
|
document.addEventListener("DOMContentLoaded",
|
||||||
|
(event)->
|
||||||
|
ReactDom.render(<App />, document.getElementById 'app')
|
||||||
|
)
|
||||||
|
|
@ -0,0 +1,135 @@
|
||||||
|
'use strict'
|
||||||
|
path = require('path')
|
||||||
|
webpack = require('webpack')
|
||||||
|
autoprefixer = require('autoprefixer')
|
||||||
|
|
||||||
|
module.exports =
|
||||||
|
debug: true
|
||||||
|
resolve:
|
||||||
|
root: __dirname
|
||||||
|
modulesDirectories: [ 'node_modules' ]
|
||||||
|
extensions: [
|
||||||
|
''
|
||||||
|
'.cjsx'
|
||||||
|
'.coffee'
|
||||||
|
'.jsx'
|
||||||
|
'.js'
|
||||||
|
]
|
||||||
|
alias:
|
||||||
|
underscore: 'lodash'
|
||||||
|
source: path.join(__dirname, '/src/main')
|
||||||
|
entry:
|
||||||
|
main: [
|
||||||
|
'webpack-hot-middleware/client'
|
||||||
|
'source/cjsx/main'
|
||||||
|
],
|
||||||
|
vendor: [
|
||||||
|
'normalize.css/normalize.css'
|
||||||
|
'es5-shim'
|
||||||
|
'es5-shim/es5-sham'
|
||||||
|
'es6-shim'
|
||||||
|
'es6-shim/es6-sham'
|
||||||
|
'json3'
|
||||||
|
'html5shiv'
|
||||||
|
'html5shiv/dist/html5shiv-printshiv'
|
||||||
|
]
|
||||||
|
output:
|
||||||
|
path: path.join(__dirname, './assets')
|
||||||
|
filename: '[name].js'
|
||||||
|
publicPath: '/assets/'
|
||||||
|
pathinfo: true
|
||||||
|
devtool: 'eval'
|
||||||
|
plugins: [
|
||||||
|
new (webpack.PrefetchPlugin)("react")
|
||||||
|
new (webpack.PrefetchPlugin)("react/lib/ReactComponentBrowserEnvironment")
|
||||||
|
new (webpack.HotModuleReplacementPlugin)
|
||||||
|
new (webpack.NoErrorsPlugin)
|
||||||
|
new (webpack.ProvidePlugin)(
|
||||||
|
'window.Tether': 'tether'
|
||||||
|
)
|
||||||
|
# new (webpack.optimize.CommonsChunkPlugin)(
|
||||||
|
# name: 'vendor',
|
||||||
|
# chunks: ['vensor'],
|
||||||
|
# filename: 'vendor.js',
|
||||||
|
# minChunks: Infinity
|
||||||
|
# )
|
||||||
|
]
|
||||||
|
module:
|
||||||
|
preLoaders: [
|
||||||
|
test: /\.(js|jsx)$/
|
||||||
|
loader: 'eslint'
|
||||||
|
exclude: /node_modules/
|
||||||
|
]
|
||||||
|
loaders: [
|
||||||
|
test: /\.(js|jsx)?$/
|
||||||
|
exclude: /(node_modules|bower_components)/
|
||||||
|
loader: [
|
||||||
|
'react-hot'
|
||||||
|
'babel'
|
||||||
|
]#'babel-loader' is also a legal name to reference
|
||||||
|
query:
|
||||||
|
presets: ['es2015']
|
||||||
|
plugins: ['transform-runtime']
|
||||||
|
,
|
||||||
|
test: /\.cjsx$/
|
||||||
|
loaders: [
|
||||||
|
'react-hot'
|
||||||
|
'coffee'
|
||||||
|
'cjsx'
|
||||||
|
]#'babel-loader' is also a legal name to reference
|
||||||
|
,
|
||||||
|
test: /\.coffee$/
|
||||||
|
loaders: [
|
||||||
|
'react-hot'
|
||||||
|
'coffee'
|
||||||
|
]#'babel-loader' is also a legal name to reference
|
||||||
|
,
|
||||||
|
test: /\.scss$/
|
||||||
|
loaders: [
|
||||||
|
'style'
|
||||||
|
'css'
|
||||||
|
'postcss'
|
||||||
|
'sass'
|
||||||
|
]
|
||||||
|
,
|
||||||
|
test: /\.css$/
|
||||||
|
exclude: /.*\.min.css/
|
||||||
|
loaders: [
|
||||||
|
'style'
|
||||||
|
'css'
|
||||||
|
'postcss'
|
||||||
|
]
|
||||||
|
,
|
||||||
|
test: /\.png$/
|
||||||
|
loader: 'url?limit=8192&mimetype=image/png'
|
||||||
|
,
|
||||||
|
test: /\.jpe?g$/
|
||||||
|
loader: 'url?limit=8192&mimetype=image/jpg'
|
||||||
|
,
|
||||||
|
test: /\.gif$/
|
||||||
|
loader: 'url?limit=8192&mimetype=image/gif'
|
||||||
|
,
|
||||||
|
test: /\.svg(\?v=\d+\.\d+\.\d+)?$/
|
||||||
|
loader: 'url?limit=8192&mimetype=image/svg+xml'
|
||||||
|
,
|
||||||
|
test: /\.woff2(\?v=\d+\.\d+\.\d+)?$/
|
||||||
|
loader: 'url?limit=8192&mimetype=application/font-woff2'
|
||||||
|
,
|
||||||
|
test: /\.woff(\?v=\d+\.\d+\.\d+)?$/
|
||||||
|
loader: 'url?limit=8192&mimetype=application/font-woff'
|
||||||
|
,
|
||||||
|
test: /\.ttf(\?v=\d+\.\d+\.\d+)?$/
|
||||||
|
loader: 'url?limit=8192&mimetype=application/octet-stream'
|
||||||
|
,
|
||||||
|
test: /\.eot(\?v=\d+\.\d+\.\d+)?$/
|
||||||
|
loader: 'file'
|
||||||
|
]
|
||||||
|
postcss: [ autoprefixer ]
|
||||||
|
eslint:
|
||||||
|
emitErrors: true
|
||||||
|
reporter: (results) ->
|
||||||
|
results.map((result) ->
|
||||||
|
result.messages.map((msg) ->
|
||||||
|
' ' + msg.message + '(' + msg.ruleId + ')' + ' @ line ' + msg.line + ' column ' + msg.column + ' - ' + (if msg.fatal then 'fatal, ' else '') + 'severity: ' + msg.severity
|
||||||
|
).join '\n'
|
||||||
|
).join '\n'
|
||||||
|
|
@ -0,0 +1,131 @@
|
||||||
|
'use strict'
|
||||||
|
path = require('path')
|
||||||
|
webpack = require('webpack')
|
||||||
|
autoprefixer = require('autoprefixer')
|
||||||
|
extractTextPlugin = require('extract-text-webpack-plugin')
|
||||||
|
|
||||||
|
module.exports =
|
||||||
|
debug: false
|
||||||
|
resolve:
|
||||||
|
root: __dirname
|
||||||
|
modulesDirectories: ['node_modules']
|
||||||
|
extensions: [
|
||||||
|
''
|
||||||
|
'.cjsx'
|
||||||
|
'.coffee'
|
||||||
|
'.jsx'
|
||||||
|
'.js'
|
||||||
|
]
|
||||||
|
alias:
|
||||||
|
underscore: 'lodash'
|
||||||
|
source: path.join(__dirname, '/src/main')
|
||||||
|
entry:
|
||||||
|
main: [
|
||||||
|
'source/cjsx/main'
|
||||||
|
]
|
||||||
|
vendor: [
|
||||||
|
'normalize.css/normalize.css'
|
||||||
|
'es5-shim'
|
||||||
|
'es5-shim/es5-sham'
|
||||||
|
'es6-shim'
|
||||||
|
'es6-shim/es6-sham'
|
||||||
|
'json3'
|
||||||
|
'html5shiv'
|
||||||
|
'html5shiv/dist/html5shiv-printshiv'
|
||||||
|
]
|
||||||
|
output:
|
||||||
|
path: path.join(__dirname, './assets')
|
||||||
|
filename: '[name].js'
|
||||||
|
# filename: "[name]-[chunkhash].js"
|
||||||
|
# chunkFilename: "[name]-[chunkhash].js"
|
||||||
|
publicPath: '/assets/'
|
||||||
|
pathinfo: false
|
||||||
|
plugins: [
|
||||||
|
new (webpack.PrefetchPlugin)("react")
|
||||||
|
new (webpack.PrefetchPlugin)("react/lib/ReactComponentBrowserEnvironment")
|
||||||
|
new (extractTextPlugin)('[name].css', { allChunks: true })
|
||||||
|
new (webpack.NoErrorsPlugin)
|
||||||
|
new (webpack.optimize.DedupePlugin),
|
||||||
|
new (webpack.optimize.OccurrenceOrderPlugin)(true)
|
||||||
|
new (webpack.optimize.UglifyJsPlugin)(
|
||||||
|
sourceMap: true
|
||||||
|
mangle:
|
||||||
|
except: [
|
||||||
|
'$super'
|
||||||
|
'$'
|
||||||
|
'_'
|
||||||
|
'exports'
|
||||||
|
'require'
|
||||||
|
]
|
||||||
|
minimize: true
|
||||||
|
output:
|
||||||
|
comments: false
|
||||||
|
compress:
|
||||||
|
warnings: false
|
||||||
|
)
|
||||||
|
]
|
||||||
|
module:
|
||||||
|
preLoaders: [
|
||||||
|
test: /\.(js|jsx)$/
|
||||||
|
loader: 'eslint'
|
||||||
|
exclude: /node_modules/
|
||||||
|
]
|
||||||
|
loaders: [
|
||||||
|
test: /\.(js|jsx)?$/
|
||||||
|
exclude: /(node_modules|bower_components)/
|
||||||
|
loader: [
|
||||||
|
'babel'
|
||||||
|
]#'babel-loader' is also a legal name to reference
|
||||||
|
query:
|
||||||
|
presets: ['es2015']
|
||||||
|
plugins: ['transform-runtime']
|
||||||
|
,
|
||||||
|
test: /\.cjsx$/
|
||||||
|
loaders: [
|
||||||
|
'coffee'
|
||||||
|
'cjsx'
|
||||||
|
]#'babel-loader' is also a legal name to reference
|
||||||
|
,
|
||||||
|
test: /\.coffee$/
|
||||||
|
loader: 'coffee'
|
||||||
|
,
|
||||||
|
test: /\.scss$/
|
||||||
|
loader: extractTextPlugin.extract('style', 'css?minimize!postcss!sass')
|
||||||
|
,
|
||||||
|
test: /\.css$/
|
||||||
|
exclude: /.*\.min.css/
|
||||||
|
loader: extractTextPlugin.extract('style', 'css?minimize!postcss')
|
||||||
|
,
|
||||||
|
test: /\.png$/
|
||||||
|
loader: 'url?limit=8192&mimetype=image/png'
|
||||||
|
,
|
||||||
|
test: /\.jpe?g$/
|
||||||
|
loader: 'url?limit=8192&mimetype=image/jpg'
|
||||||
|
,
|
||||||
|
test: /\.gif$/
|
||||||
|
loader: 'url?limit=8192&mimetype=image/gif'
|
||||||
|
,
|
||||||
|
test: /\.svg(\?v=\d+\.\d+\.\d+)?$/
|
||||||
|
loader: 'url?limit=8192&mimetype=image/svg+xml'
|
||||||
|
,
|
||||||
|
test: /\.woff2(\?v=\d+\.\d+\.\d+)?$/
|
||||||
|
loader: 'url?limit=8192&mimetype=application/font-woff2'
|
||||||
|
,
|
||||||
|
test: /\.woff(\?v=\d+\.\d+\.\d+)?$/
|
||||||
|
loader: 'url?limit=8192&mimetype=application/font-woff'
|
||||||
|
,
|
||||||
|
test: /\.ttf(\?v=\d+\.\d+\.\d+)?$/
|
||||||
|
loader: 'url?limit=8192&mimetype=application/octet-stream'
|
||||||
|
,
|
||||||
|
test: /\.eot(\?v=\d+\.\d+\.\d+)?$/
|
||||||
|
loader: 'file'
|
||||||
|
]
|
||||||
|
postcss: [ autoprefixer ]
|
||||||
|
eslint:
|
||||||
|
emitErrors: true
|
||||||
|
reporter: (results) ->
|
||||||
|
results.map((result) ->
|
||||||
|
result.messages.map((msg) ->
|
||||||
|
' ' + msg.message + '(' + msg.ruleId + ')' + ' @ line ' + msg.line + ' column ' + msg.column + ' - ' + (if msg.fatal then 'fatal, ' else '') + 'severity: ' + msg.severity
|
||||||
|
).join '\n'
|
||||||
|
).join '\n'
|
||||||
Loading…
Reference in New Issue