使用ES6语言

525f6da2 · shangbj · a96e4348 · 525f6da2 · 525f6da2 · 525f6da2
Commit 525f6da2 authored Jun 09, 2018 by shangbj
6 changed files
--- a/3-1/index.html
+++ b/3-1/index.html
+<html>
+    <head>
+        <meta charset="UTF-8">
+    </head>
+    <body>
+        <div id="app"></div>
+        
+        <script src="./dist/bundle.js"></script>
+    </body>
+</html>
\ No newline at end of file
--- a/3-1/main.js
+++ b/3-1/main.js
+import show from './show';
+
+show("es6")
\ No newline at end of file
--- a/3-1/package-lock.json
+++ b/3-1/package-lock.json
--- a/3-1/package.json
+++ b/3-1/package.json
+{
+  "name": "3-1",
+  "version": "1.0.0",
+  "description": "",
+  "main": "main.js",
+  "scripts": {
+    "build": "webpack --mode production",
+    "dev": "webpack --mode development"
+  },
+  "author": "",
+  "license": "ISC",
+  "devDependencies": {
+    "babel-core": "^6.26.3",
+    "babel-loader": "^7.1.4",
+    "babel-preset-env": "^1.7.0",
+    "webpack": "^4.12.0",
+    "webpack-cli": "^3.0.3"
+  }
+}
--- a/3-1/show.js
+++ b/3-1/show.js
+export default function show(txt){
+    document.getElementById("app").innerText = `hello${txt}`
+}
\ No newline at end of file
--- a/3-1/webpack.config.js
+++ b/3-1/webpack.config.js
+const path = require("path");
+
+module.exports = {
+    entry:'./main.js',
+    output:{
+        filename:'bundle.js',
+        path:path.resolve(__dirname,'./dist'),
+    },
+    module:{
+        rules:[
+            {
+                test:/\.js$/,
+                use:['babel-loader'],
+            }
+        ]
+    }
+}
\ No newline at end of file