css con webpack
This commit is contained in:
parent
755a9c936a
commit
fc2d75ddc3
|
@ -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;
|
|
@ -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';
|
|
@ -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>
|
||||||
|
|
13
package.json
13
package.json
|
@ -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"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -25,6 +25,9 @@ module.exports =
|
||||||
}, {
|
}, {
|
||||||
test: /\.html$/,
|
test: /\.html$/,
|
||||||
loader: 'raw'
|
loader: 'raw'
|
||||||
|
}, {
|
||||||
|
test: /\.css$/,
|
||||||
|
loader: 'style!css'
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
|
|
Loading…
Reference in New Issue