feat(common): init project with babel

wavelynn · wavelynn · commit a6313731dc75 · 2019-10-12T19:05:48.000+08:00
diff --git a/.babelrc b/.babelrc
@@ -0,0 +1,5 @@
+{
+    "presets": [
+        "@babel/preset-env"
+    ]
+}
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,2 @@
+node_modules
+dist
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -0,0 +1,20 @@
+{
+    "name": "webpack-loader",
+    "version": "1.0.0",
+    "description": "webpack-loader demo",
+    "main": "index.js",
+    "scripts": {
+        "start": "npm run dev",
+        "dev": "webpack", 
+        "build": "webpack --mode production"
+    },
+    "author": "scarcoco",
+    "devDependencies": {
+        "@babel/core": "^7.6.4",
+        "@babel/preset-env": "^7.6.3",
+        "babel-loader": "^8.0.6",
+        "html-webpack-plugin": "^3.2.0",
+        "webpack": "^4.41.1",
+        "webpack-cli": "^3.3.9"
+    }
+}
diff --git a/public/template.html b/public/template.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <title>Hello</title>
+</head>
+<body>
+    
+</body>
+</html>
diff --git a/src/app.js b/src/app.js
@@ -0,0 +1,13 @@
+export function convert (...args) {
+    if(args.length <= 0) {
+        return
+    }
+    const words = args.map(arg => arg.toUpperCase())
+    
+    console.log(args, words)
+
+    return words
+}
+
+
+convert('aaaaa', 'bbbbbb', 'cccccc')
diff --git a/webpack.config.js b/webpack.config.js
@@ -0,0 +1,37 @@
+const path = require('path');
+const HtmlWebpackPlugin = require('html-webpack-plugin')
+
+const distPath = path.resolve(__dirname, 'dist')
+
+const mode = process.env.NODE_ENV || 'development'
+
+module.exports = {
+    // production | development | node
+    // 不同 mode, 默认开启的插件不一样 https://webpack.docschina.org/concepts/mode/#%E7%94%A8%E6%B3%95
+    mode: mode,
+
+    entry: {
+        app: './src/app.js'
+    },
+    output: {
+        path: distPath,
+        filename: '[name].bundle.js', 
+        publicPath: '/'
+    },
+    module: {
+        rules: [
+            {
+                test: /\.m?js$/,
+                exclude: /(node_modules|bower_components)/,
+                use: {
+                    loader: 'babel-loader'
+                }
+            }
+        ]
+    },
+    plugins: [
+        new HtmlWebpackPlugin({
+            template: './public/template.html'
+        })
+    ]
+};

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +{
 +    "presets": [
 +        "@babel/preset-env"
 +    ]
 +}