added source files
This commit is contained in:
parent
6b08cf490e
commit
e6b98492e7
|
|
@ -0,0 +1,116 @@
|
|||
---
|
||||
# Output debugging info
|
||||
# loglevel: debug
|
||||
|
||||
# Major version of Bootstrap: 3 or 4
|
||||
bootstrapVersion: 3
|
||||
|
||||
# If Bootstrap version 3 is used - turn on/off custom icon font path
|
||||
useCustomIconFontPath: false
|
||||
|
||||
# Webpack loaders, order matters
|
||||
styleLoaders:
|
||||
- style
|
||||
- css?sourceMap
|
||||
- resolve-url?sourceMap
|
||||
- sass?sourceMap
|
||||
# Extract styles to stand-alone css file
|
||||
# Different settings for different environments can be used,
|
||||
# It depends on value of NODE_ENV environment variable
|
||||
# This param can also be set in webpack config:
|
||||
# entry: 'bootstrap-loader/extractStyles'
|
||||
extractStyles: false
|
||||
# env:
|
||||
# development:
|
||||
# extractStyles: false
|
||||
# production:
|
||||
# extractStyles: true
|
||||
|
||||
|
||||
# Customize Bootstrap variables that get imported before the original Bootstrap variables.
|
||||
# Thus, derived Bootstrap variables can depend on values from here.
|
||||
# See the Bootstrap _variables.scss file for examples of derived Bootstrap variables.
|
||||
#
|
||||
preBootstrapCustomizations: ./src/main/scss/bootstrap/pre-customizations.scss
|
||||
|
||||
|
||||
# This gets loaded after bootstrap/variables is loaded
|
||||
# Thus, you may customize Bootstrap variables
|
||||
# based on the values established in the Bootstrap _variables.scss file
|
||||
#
|
||||
bootstrapCustomizations: ./src/main/scss/bootstrap/customizations.scss
|
||||
|
||||
|
||||
# Import your custom styles here
|
||||
# Usually this endpoint-file contains list of @imports of your application styles
|
||||
#
|
||||
#appStyles: ./path/to/your/app/styles/endpoint.scss
|
||||
|
||||
|
||||
### Bootstrap styles
|
||||
styles:
|
||||
|
||||
# Mixins
|
||||
mixins: true
|
||||
|
||||
# Reset and dependencies
|
||||
normalize: true
|
||||
print: true
|
||||
glyphicons: true
|
||||
|
||||
# Core CSS
|
||||
scaffolding: true
|
||||
type: true
|
||||
code: true
|
||||
grid: true
|
||||
tables: true
|
||||
forms: true
|
||||
buttons: true
|
||||
|
||||
# Components
|
||||
component-animations: true
|
||||
dropdowns: true
|
||||
button-groups: true
|
||||
input-groups: true
|
||||
navs: true
|
||||
navbar: true
|
||||
breadcrumbs: true
|
||||
pagination: true
|
||||
pager: true
|
||||
labels: true
|
||||
badges: true
|
||||
jumbotron: true
|
||||
thumbnails: true
|
||||
alerts: true
|
||||
progress-bars: true
|
||||
media: true
|
||||
list-group: true
|
||||
panels: true
|
||||
wells: true
|
||||
responsive-embed: true
|
||||
close: true
|
||||
|
||||
# Components w/ JavaScript
|
||||
modals: true
|
||||
tooltip: true
|
||||
popovers: true
|
||||
carousel: true
|
||||
|
||||
# Utility classes
|
||||
utilities: true
|
||||
responsive-utilities: true
|
||||
|
||||
### Bootstrap scripts
|
||||
scripts:
|
||||
transition: true
|
||||
alert: true
|
||||
button: true
|
||||
carousel: true
|
||||
collapse: true
|
||||
dropdown: true
|
||||
modal: true
|
||||
tooltip: true
|
||||
popover: true
|
||||
scrollspy: true
|
||||
tab: true
|
||||
affix: true
|
||||
|
|
@ -0,0 +1,108 @@
|
|||
<!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>
|
||||
<nav class="navbar navbar-inverse">
|
||||
<div class="container">
|
||||
<!-- Brand and toggle get grouped for better mobile display -->
|
||||
<div class="navbar-header">
|
||||
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
</button>
|
||||
<a class="navbar-brand" href="#">Brand</a>
|
||||
</div>
|
||||
|
||||
<!-- Collect the nav links, forms, and other content for toggling -->
|
||||
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
|
||||
<ul class="nav navbar-nav">
|
||||
<li class="active"><a href="#">Link <span class="sr-only">(current)</span></a></li>
|
||||
<li><a href="#">Link</a></li>
|
||||
<li class="dropdown">
|
||||
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Action</a></li>
|
||||
<li><a href="#">Another action</a></li>
|
||||
<li><a href="#">Something else here</a></li>
|
||||
<li role="separator" class="divider"></li>
|
||||
<li><a href="#">Separated link</a></li>
|
||||
<li role="separator" class="divider"></li>
|
||||
<li><a href="#">One more separated link</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<form class="navbar-form navbar-left" role="search">
|
||||
<div class="form-group">
|
||||
<input type="text" class="form-control" placeholder="Search">
|
||||
</div>
|
||||
<button type="submit" class="btn btn-default">Submit</button>
|
||||
</form>
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="#">Link</a></li>
|
||||
<li class="dropdown">
|
||||
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Action</a></li>
|
||||
<li><a href="#">Another action</a></li>
|
||||
<li><a href="#">Something else here</a></li>
|
||||
<li role="separator" class="divider"></li>
|
||||
<li><a href="#">Separated link</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div><!-- /.navbar-collapse -->
|
||||
</div><!-- /.container-fluid -->
|
||||
</nav>
|
||||
<div class="container">
|
||||
<div clas="row">
|
||||
<h1>h1. Bootstrap heading <small>Secondary text</small></h1>
|
||||
<h2>h2. Bootstrap heading <small>Secondary text</small></h2>
|
||||
<h3>h3. Bootstrap heading <small>Secondary text</small></h3>
|
||||
<h4>h4. Bootstrap heading <small>Secondary text</small></h4>
|
||||
<h5>h5. Bootstrap heading <small>Secondary text</small></h5>
|
||||
<h6>h6. Bootstrap heading <small>Secondary text</small></h6>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-1">.col-md-1</div>
|
||||
<div class="col-md-1">.col-md-1</div>
|
||||
<div class="col-md-1">.col-md-1</div>
|
||||
<div class="col-md-1">.col-md-1</div>
|
||||
<div class="col-md-1">.col-md-1</div>
|
||||
<div class="col-md-1">.col-md-1</div>
|
||||
<div class="col-md-1">.col-md-1</div>
|
||||
<div class="col-md-1">.col-md-1</div>
|
||||
<div class="col-md-1">.col-md-1</div>
|
||||
<div class="col-md-1">.col-md-1</div>
|
||||
<div class="col-md-1">.col-md-1</div>
|
||||
<div class="col-md-1">.col-md-1</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-8">.col-md-8</div>
|
||||
<div class="col-md-4">.col-md-4</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-4">.col-md-4</div>
|
||||
<div class="col-md-4">.col-md-4</div>
|
||||
<div class="col-md-4">.col-md-4</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6">.col-md-6</div>
|
||||
<div class="col-md-6">.col-md-6</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,110 @@
|
|||
<!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/main.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>
|
||||
<nav class="navbar navbar-inverse">
|
||||
<div class="container">
|
||||
<!-- Brand and toggle get grouped for better mobile display -->
|
||||
<div class="navbar-header">
|
||||
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
</button>
|
||||
<a class="navbar-brand" href="#">Brand</a>
|
||||
</div>
|
||||
|
||||
<!-- Collect the nav links, forms, and other content for toggling -->
|
||||
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
|
||||
<ul class="nav navbar-nav">
|
||||
<li class="active"><a href="#">Link <span class="sr-only">(current)</span></a></li>
|
||||
<li><a href="#">Link</a></li>
|
||||
<li class="dropdown">
|
||||
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Action</a></li>
|
||||
<li><a href="#">Another action</a></li>
|
||||
<li><a href="#">Something else here</a></li>
|
||||
<li role="separator" class="divider"></li>
|
||||
<li><a href="#">Separated link</a></li>
|
||||
<li role="separator" class="divider"></li>
|
||||
<li><a href="#">One more separated link</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<form class="navbar-form navbar-left" role="search">
|
||||
<div class="form-group">
|
||||
<input type="text" class="form-control" placeholder="Search">
|
||||
</div>
|
||||
<button type="submit" class="btn btn-default">Submit</button>
|
||||
</form>
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="#">Link</a></li>
|
||||
<li class="dropdown">
|
||||
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Action</a></li>
|
||||
<li><a href="#">Another action</a></li>
|
||||
<li><a href="#">Something else here</a></li>
|
||||
<li role="separator" class="divider"></li>
|
||||
<li><a href="#">Separated link</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div><!-- /.navbar-collapse -->
|
||||
</div><!-- /.container-fluid -->
|
||||
</nav>
|
||||
<div class="container">
|
||||
<div clas="row">
|
||||
<h1>h1. Bootstrap heading <small>Secondary text</small></h1>
|
||||
<h2>h2. Bootstrap heading <small>Secondary text</small></h2>
|
||||
<h3>h3. Bootstrap heading <small>Secondary text</small></h3>
|
||||
<h4>h4. Bootstrap heading <small>Secondary text</small></h4>
|
||||
<h5>h5. Bootstrap heading <small>Secondary text</small></h5>
|
||||
<h6>h6. Bootstrap heading <small>Secondary text</small></h6>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-1">.col-md-1</div>
|
||||
<div class="col-md-1">.col-md-1</div>
|
||||
<div class="col-md-1">.col-md-1</div>
|
||||
<div class="col-md-1">.col-md-1</div>
|
||||
<div class="col-md-1">.col-md-1</div>
|
||||
<div class="col-md-1">.col-md-1</div>
|
||||
<div class="col-md-1">.col-md-1</div>
|
||||
<div class="col-md-1">.col-md-1</div>
|
||||
<div class="col-md-1">.col-md-1</div>
|
||||
<div class="col-md-1">.col-md-1</div>
|
||||
<div class="col-md-1">.col-md-1</div>
|
||||
<div class="col-md-1">.col-md-1</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-8">.col-md-8</div>
|
||||
<div class="col-md-4">.col-md-4</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-4">.col-md-4</div>
|
||||
<div class="col-md-4">.col-md-4</div>
|
||||
<div class="col-md-4">.col-md-4</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6">.col-md-6</div>
|
||||
<div class="col-md-6">.col-md-6</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,48 @@
|
|||
{
|
||||
"private": true,
|
||||
"dependencies": {
|
||||
"bootstrap-sass": "^3.3.6",
|
||||
"consolelog": "^2.1.3",
|
||||
"es5-shim": "^4.5.7",
|
||||
"es6-shim": "^0.35.0",
|
||||
"font-awesome": "^4.5.0",
|
||||
"html5shiv": "^3.7.3",
|
||||
"jquery": "^2.2.2",
|
||||
"jquery.backstretch": "^2.1.13",
|
||||
"json3": "^3.3.2",
|
||||
"lodash": "^4.7.0",
|
||||
"nprogress": "^0.2.0",
|
||||
"tether": "^1.2.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
"autoprefixer": "^6.3.5",
|
||||
"body-parser": "^1.15.0",
|
||||
"bootstrap-loader": "^1.0.10",
|
||||
"coffee-loader": "^0.7.2",
|
||||
"coffee-script": "^1.10.0",
|
||||
"css-loader": "^0.23.1",
|
||||
"eslint": "^2.5.3",
|
||||
"eslint-loader": "^1.3.0",
|
||||
"express": "^4.13.4",
|
||||
"extract-text-webpack-plugin": "^1.0.1",
|
||||
"file-loader": "^0.8.5",
|
||||
"font-awesome-loader": "0.0.1",
|
||||
"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-loader": "^0.8.2",
|
||||
"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,56 @@
|
|||
'use strict';
|
||||
|
||||
|
||||
require("coffee-script/register")
|
||||
|
||||
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,2 @@
|
|||
logger=require('consolelog')
|
||||
logger("hello World")
|
||||
|
|
@ -0,0 +1,12 @@
|
|||
|
||||
// Customize variables
|
||||
|
||||
// This gets loaded after bootstrap/variables is loaded, so you can refer to
|
||||
// bootstrap variables configured by bootstrap. For example, the _variables.scss contains:
|
||||
// $btn-primary-bg: $brand-primary !default;
|
||||
|
||||
// Here we're adjusting the hue of that default:
|
||||
$btn-primary-bg: adjust-hue($btn-primary-bg, +20deg);
|
||||
|
||||
// NOTE: $gray-dark is defined in _variables.scss
|
||||
$body-bg: #ffffff;
|
||||
|
|
@ -0,0 +1,26 @@
|
|||
// Customize Bootstrap variables that get imported before the original Bootstrap variables.
|
||||
// Thus original Bootstrap variables can depend on values from here.
|
||||
//
|
||||
//$font-family-sans-serif: 'OpenSans-Light', Tahoma, "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
//
|
||||
//// This path is relative to this file!
|
||||
//$fonts-url-path: '../fonts';
|
||||
//
|
||||
//@font-face {
|
||||
// font-family: 'OpenSans-Light';
|
||||
// src: url('#{$fonts-url-path}/OpenSans-Light.ttf') format('truetype');
|
||||
//}
|
||||
|
||||
// Other font size variables are based on this on, so this absolutely should go into the
|
||||
// pre-customizations.scss file.
|
||||
// $font-size-base: 16px;
|
||||
|
||||
// Here is what is in the _variables.scss file of Bootstrap 3
|
||||
// $font-size-base: 14px !default;
|
||||
// $font-size-large: ceil(($font-size-base * 1.25)) !default; // ~18px
|
||||
// $font-size-small: ceil(($font-size-base * 0.85)) !default; // ~12px
|
||||
|
||||
// If you're using a custom icon font path, specify it as follows
|
||||
// $icon-font-path: ../fonts // This path is relative to this file
|
||||
// $icon-font-name: 'glyphicons' // The name of the font you want to use
|
||||
// And be sure to set useCustomIconFontPath to true in .bootstraprc.
|
||||
|
|
@ -0,0 +1,115 @@
|
|||
'use strict'
|
||||
path = require('path')
|
||||
webpack = require('webpack')
|
||||
autoprefixer = require('autoprefixer')
|
||||
|
||||
module.exports =
|
||||
debug: true
|
||||
resolve:
|
||||
root: __dirname
|
||||
modulesDirectories: [ 'node_modules' ]
|
||||
extensions: [
|
||||
''
|
||||
'.coffee'
|
||||
'.js'
|
||||
]
|
||||
alias: 'underscore': 'lodash'
|
||||
entry:
|
||||
main: [
|
||||
'webpack-hot-middleware/client'
|
||||
'tether'
|
||||
'font-awesome-loader'
|
||||
'bootstrap-loader'
|
||||
'./src/main/coffee/main'
|
||||
]
|
||||
vendor: [
|
||||
'consolelog'
|
||||
'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: '#cheap-module-eval-source-map'
|
||||
plugins: [
|
||||
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: /\.coffee$/
|
||||
loader: 'eslint'
|
||||
exclude: /node_modules/
|
||||
]
|
||||
loaders: [
|
||||
test: /\.coffee$/
|
||||
loader: 'coffee-loader'
|
||||
,
|
||||
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'
|
||||
,
|
||||
test:/bootstrap-sass[\/\\]assets[\/\\]javascripts[\/\\]/
|
||||
loader: 'imports?jQuery=jquery'
|
||||
]
|
||||
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,118 @@
|
|||
'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: [
|
||||
''
|
||||
'.coffee'
|
||||
'.js'
|
||||
]
|
||||
alias:
|
||||
'underscore': 'lodash'
|
||||
entry:
|
||||
main: [
|
||||
'tether'
|
||||
'font-awesome-loader'
|
||||
'bootstrap-loader/extractStyles'
|
||||
'./src/main/coffee/main'
|
||||
]
|
||||
vendor: [
|
||||
'consolelog'
|
||||
'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 (extractTextPlugin)('[name].css', { allChunks: true })
|
||||
new (webpack.NoErrorsPlugin)
|
||||
new (webpack.ProvidePlugin)(
|
||||
'window.Tether': 'tether'
|
||||
)
|
||||
# new (webpack.optimize.CommonsChunkPlugin)(
|
||||
# name: 'vendor',
|
||||
# chunks: ['vendor'],
|
||||
# filename: 'vendor.js',
|
||||
# minChunks: Infinity,
|
||||
# async: true
|
||||
# )
|
||||
new (webpack.optimize.DedupePlugin),
|
||||
new (webpack.optimize.OccurrenceOrderPlugin)(true)
|
||||
new (webpack.optimize.UglifyJsPlugin)(
|
||||
mangle: true
|
||||
output:
|
||||
comments: false
|
||||
compress:
|
||||
warnings: false
|
||||
)
|
||||
]
|
||||
module:
|
||||
preLoaders: [
|
||||
test: /\.coffee$/
|
||||
loader: 'eslint'
|
||||
exclude: /node_modules/
|
||||
]
|
||||
loaders: [
|
||||
test: /\.coffee$/
|
||||
loader: 'coffee-loader'
|
||||
,
|
||||
test: /\.scss$/
|
||||
loader: extractTextPlugin.extract('style', 'css!postcss!sass')
|
||||
,
|
||||
test: /\.css$/
|
||||
exclude: /.*\.min.css/
|
||||
loader: extractTextPlugin.extract('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'
|
||||
,
|
||||
test: /bootstrap-sass[\/\\]assets[\/\\]javascripts[\/\\]/
|
||||
loader: 'imports?jQuery=jquery'
|
||||
]
|
||||
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