css con webpack

This commit is contained in:
jgallego 2016-10-06 09:20:57 +02:00
parent 755a9c936a
commit fc2d75ddc3
5 changed files with 18 additions and 12 deletions

View File

@ -0,0 +1,4 @@
import * as _materialdesignlite from 'material-design-lite';
import * as css from 'material-design-lite/material.min.css';
export const materialdesignlite = _materialdesignlite;

View File

@ -1,3 +1,4 @@
export * from './angular-vendor';
export * from './oclazyload-vendor';
export * from './uirouter-vendor';
export * from './uirouter-vendor';
export * from './materialdesignlite-vendor';

View File

@ -1,11 +1,7 @@
<!doctype html>
<html>
<head>
<title>Salix</title>
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<link rel="stylesheet" href="https://code.getmdl.io/1.2.1/material.indigo-pink.min.css">
</head>
<body>
<div id="app">
@ -19,9 +15,8 @@
<vn-check text="texto del text" ></vn-check><br>
<vn-radio text="texto del radio"></vn-radio><br>
<vn-textfield text="prueba" type="email"></vn-textfield><br>
<vn-txt text="hola mundo"></vn-txt>
<vn-label text="hola mundo"></vn-label>
</div>
<script type="text/javascript" src="build/salix.app.js" selector="#app"></script>
<script defer src="https://code.getmdl.io/1.2.1/material.min.js"></script>
</body>
</html>

View File

@ -11,17 +11,20 @@
"dependencies": {
"angular": "^1.5.8",
"angular-ui-router": "^1.0.0-beta.3",
"material-design-lite": "^1.2.1",
"oclazyload": "^0.6.3"
},
"devDependencies": {
"webpack": "*",
"webpack-dev-server": "*",
"babel-core": "*",
"babel-preset-es2015": "*",
"babel-loader": "*",
"raw-loader": "*"
"babel-preset-es2015": "*",
"css-loader": "^0.25.0",
"raw-loader": "*",
"style-loader": "^0.13.1",
"webpack": "*",
"webpack-dev-server": "*"
},
"scripts": {
"dev": "webpack --progress --colors --watch"
"build": "webpack --progress --colors --watch"
}
}

View File

@ -25,6 +25,9 @@ module.exports =
}, {
test: /\.html$/,
loader: 'raw'
}, {
test: /\.css$/,
loader: 'style!css'
}
]
},