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 './angular-vendor';
export * from './oclazyload-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> <!doctype html>
<html> <html>
<head> <head>
<title>Salix</title> <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> </head>
<body> <body>
<div id="app"> <div id="app">
@ -19,9 +15,8 @@
<vn-check text="texto del text" ></vn-check><br> <vn-check text="texto del text" ></vn-check><br>
<vn-radio text="texto del radio"></vn-radio><br> <vn-radio text="texto del radio"></vn-radio><br>
<vn-textfield text="prueba" type="email"></vn-textfield><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> </div>
<script type="text/javascript" src="build/salix.app.js" selector="#app"></script> <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> </body>
</html> </html>

View File

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

View File

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