mirror of https://github.com/IoTcat/sakura2.git
commit
712dafb679
9 changed files with 6963 additions and 0 deletions
@ -0,0 +1 @@ |
|||||||
|
node_modules |
@ -0,0 +1,21 @@ |
|||||||
|
MIT License |
||||||
|
|
||||||
|
Copyright (c) 2019 Mashiro |
||||||
|
|
||||||
|
Permission is hereby granted, free of charge, to any person obtaining a copy |
||||||
|
of this software and associated documentation files (the "Software"), to deal |
||||||
|
in the Software without restriction, including without limitation the rights |
||||||
|
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell |
||||||
|
copies of the Software, and to permit persons to whom the Software is |
||||||
|
furnished to do so, subject to the following conditions: |
||||||
|
|
||||||
|
The above copyright notice and this permission notice shall be included in all |
||||||
|
copies or substantial portions of the Software. |
||||||
|
|
||||||
|
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR |
||||||
|
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, |
||||||
|
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE |
||||||
|
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER |
||||||
|
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, |
||||||
|
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE |
||||||
|
SOFTWARE. |
@ -0,0 +1,25 @@ |
|||||||
|
<!DOCTYPE html> |
||||||
|
<html> |
||||||
|
<head> |
||||||
|
<title>Sakura v2</title> |
||||||
|
<link rel="stylesheet" href="./dist/bundle.css"> |
||||||
|
</head> |
||||||
|
<body> |
||||||
|
<section class="main-container"> |
||||||
|
<div class="header-top"><!--index cover image--> |
||||||
|
<div class="img-container"> |
||||||
|
<figure style="height: 657px;"></figure> |
||||||
|
</div> |
||||||
|
<div class="video-container"></div> |
||||||
|
</div> |
||||||
|
<div class="page-main"><!--page main content (async container)--> |
||||||
|
<header class="site-header"></header> <!--nav mune--> |
||||||
|
<div class="site-content"> |
||||||
|
233333<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>233<br><br><br>233 |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</section> |
||||||
|
|
||||||
|
<script type="text/javascript" src="./dist/script_bundle.js"></script> |
||||||
|
</body> |
||||||
|
</html> |
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,28 @@ |
|||||||
|
{ |
||||||
|
"name": "webpack-sakura", |
||||||
|
"version": "1.0.0", |
||||||
|
"description": "", |
||||||
|
"main": "index.js", |
||||||
|
"dependencies": { |
||||||
|
"css-loader": "^3.2.0", |
||||||
|
"extract-loader": "^3.1.0", |
||||||
|
"file-loader": "^4.2.0", |
||||||
|
"fsevents": "^1.2.9", |
||||||
|
"material-components-web": "^3.2.0", |
||||||
|
"node-sass": "^4.13.0", |
||||||
|
"sass-loader": "^8.0.0", |
||||||
|
"webpack": "^4.41.2", |
||||||
|
"webpack-cli": "^3.3.10", |
||||||
|
"webpack-dev-server": "^3.9.0" |
||||||
|
}, |
||||||
|
"devDependencies": { |
||||||
|
"ts-loader": "^6.2.1", |
||||||
|
"typescript": "^3.6.4" |
||||||
|
}, |
||||||
|
"scripts": { |
||||||
|
"test": "echo \"Error: no test specified\" && exit 1", |
||||||
|
"start": "webpack-dev-server" |
||||||
|
}, |
||||||
|
"author": "mashirozx", |
||||||
|
"license": "MIT" |
||||||
|
} |
@ -0,0 +1,11 @@ |
|||||||
|
{ |
||||||
|
"compilerOptions": { |
||||||
|
"outDir": "./dist/", |
||||||
|
"sourceMap": true, |
||||||
|
"noImplicitAny": true, |
||||||
|
"module": "es6", |
||||||
|
"target": "es5", |
||||||
|
"jsx": "react", |
||||||
|
"allowJs": true |
||||||
|
} |
||||||
|
} |
@ -0,0 +1,43 @@ |
|||||||
|
const path = require('path'); |
||||||
|
|
||||||
|
module.exports = [{ |
||||||
|
mode: "development", // "production" | "development" | "none"
|
||||||
|
entry: { |
||||||
|
style_bundle: './src/scss/index.scss', |
||||||
|
script_bundle: './src/ts/index.ts' |
||||||
|
}, |
||||||
|
devtool: 'inline-source-map', |
||||||
|
output: { |
||||||
|
//path: path.resolve(__dirname, "dist"),
|
||||||
|
//what's the difference?
|
||||||
|
publicPath : 'dist', |
||||||
|
filename: '[name].js', |
||||||
|
}, |
||||||
|
module: { |
||||||
|
rules: [ |
||||||
|
{ |
||||||
|
test: /\.scss$/, |
||||||
|
use: [ |
||||||
|
{ |
||||||
|
loader: 'file-loader', |
||||||
|
options: { |
||||||
|
outputPath: 'dist', |
||||||
|
name: 'bundle.css', |
||||||
|
}, |
||||||
|
}, |
||||||
|
{ loader: 'extract-loader' }, |
||||||
|
{ loader: 'css-loader' }, |
||||||
|
{ loader: 'sass-loader' }, |
||||||
|
] |
||||||
|
}, |
||||||
|
{ |
||||||
|
test: /\.tsx?$/, |
||||||
|
use: 'ts-loader', |
||||||
|
exclude: /node_modules/ |
||||||
|
} |
||||||
|
] |
||||||
|
}, |
||||||
|
resolve: { |
||||||
|
extensions: [ '.tsx', '.ts', '.js' ] |
||||||
|
}, |
||||||
|
}]; |
Loading…
Reference in new issue