Adding webpack config for build styles

This commit is contained in:
Jeff Avallone 2016-10-15 13:16:13 -04:00
parent 218e6a30d8
commit bd29a80ea7
2 changed files with 15 additions and 2 deletions

View File

@ -21,6 +21,10 @@
"babel-runtime": "^6.3.19", "babel-runtime": "^6.3.19",
"babelify": "^7.1.0", "babelify": "^7.1.0",
"canopy": "^0.2.0", "canopy": "^0.2.0",
"css-loader": "^0.25.0",
"docco": "^0.7.0",
"extract-loader": "0.0.2",
"file-loader": "^0.9.0",
"folder-toc": "^0.1.0", "folder-toc": "^0.1.0",
"gulp": "^3.8.10", "gulp": "^3.8.10",
"gulp-connect": "^4.2.0", "gulp-connect": "^4.2.0",
@ -44,6 +48,8 @@
"karma-webpack": "^1.8.0", "karma-webpack": "^1.8.0",
"lodash": "^4.6.1", "lodash": "^4.6.1",
"node-bourbon": "^4.2.3", "node-bourbon": "^4.2.3",
"node-sass": "^3.10.1",
"sass-loader": "^4.0.2",
"snapsvg": "^0.4.0", "snapsvg": "^0.4.0",
"vinyl-buffer": "^1.0.0", "vinyl-buffer": "^1.0.0",
"vinyl-source-stream": "^1.1.0", "vinyl-source-stream": "^1.1.0",

View File

@ -1,9 +1,11 @@
var webpack = require('webpack'); var webpack = require('webpack'),
bourbon = require('bourbon');
module.exports = { module.exports = {
devtool: 'source-map', devtool: 'source-map',
entry: { entry: {
'js/main.js': './src/js/main.js' 'js/main.js': './src/js/main.js',
'css/main.css.js': './src/sass/main.scss'
}, },
output: { output: {
path: __dirname + '/build', path: __dirname + '/build',
@ -30,6 +32,11 @@ module.exports = {
{ {
test: /\.peg$/, test: /\.peg$/,
loader: __dirname + '/lib/canopy-loader' loader: __dirname + '/lib/canopy-loader'
},
{
test: /\.scss$/,
exclude: /node_modules/,
loader: 'file?name=css/[name].css!extract!css!sass?includePaths[]=' + bourbon.includePaths
} }
] ]
} }