加一个启动项目吧大家比较好看效果

wanglin2 · Dec 31, 2020 · 8f069cd · 8f069cd
1 parent e8438b6
commit 8f069cd
Show file tree

Hide file tree

Showing 9 changed files with 4,718 additions and 3 deletions.
diff --git a/.babelrc b/.babelrc
@@ -0,0 +1,3 @@
+{
+ "presets":["es2015"]
+}
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,2 @@
+
+node_modules
diff --git a/README.md b/README.md
@@ -1 +1,8 @@
-一个简单的下雪和下雨效果
+# 一个简单的下雪和下雨效果
+## 想看雪吗
+```
+step1: yarn
+step2: yarn start 
+
+```
+
diff --git a/dist/bundle.js b/dist/bundle.js
diff --git a/dist/index.html b/dist/index.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <title>Document</title>
+ <style>
+ body{
+ margin: 0px;
+ width: 100vw;
+ height: 100vh;
+ background: pink;
+ }
+ </style>
+</head>
+<body>
+ <script src="./bundle.js"></script>
+</body>
+</html>
diff --git a/package.json b/package.json
@@ -0,0 +1,22 @@
+{
+ "name": "snow",
+ "version": "1.0.0",
+ "description": "",
+ "main": "index.js",
+ "scripts": {
+ "build": "webpack --config webpack.config.js",
+ "start": "webpack-dev-server"
+ },
+ "author": "",
+ "license": "ISC",
+ "devDependencies": {
+ "@babel/core": "^7.12.10",
+ "babel-cli": "^6.26.0",
+ "babel-loader": "^8.2.2",
+ "babel-preset-es2015": "^6.24.1",
+ "uglifyjs-webpack-plugin": "^2.2.0",
+ "webpack": "^5.11.1",
+ "webpack-cli": "3",
+ "webpack-dev-server": "^3.11.1"
+ }
+}
diff --git a/index.js → src/index.js b/index.js → src/index.js
@@ -1,4 +1,4 @@
-class Snow {
+export default class Snow {
  constructor (opt = {}) {
  // 是否是雨
  this.isRain = opt.isRain || false
@@ -154,6 +154,7 @@ class Snows {
  })
  }
 }
+
 new Snows({
  isRain: true,
  num: 300,
@@ -162,4 +163,4 @@ new Snows({
 new Snows({
  isRain: false,
  num: 150
-})
+})
diff --git a/webpack.config.js b/webpack.config.js
@@ -0,0 +1,12 @@
+const path = require('path');
+
+module.exports = {
+ entry: './src/index.js',
+ output: {
+ filename: 'bundle.js',
+ path: path.resolve(__dirname, 'dist')
+ },
+ devServer: {
+ contentBase: './dist'
+ },
+};