step 1, build the simple js file.

functions · functions · commit 39d33b27fb5b · 2016-08-15T15:25:30.000+08:00
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,45 @@
+/dev/
+/prd/
+/refs/
+
+
+# kdiff3 ignore
+*.orig
+
+# maven ignore
+target/
+
+# eclipse ignore
+.settings/
+.project
+.classpath
+
+# idea ignore
+.idea/
+*.ipr
+*.iml
+*.iws
+
+# temp ignore
+*.log
+*.cache
+*.diff
+*.patch
+*.tmp
+
+# system ignore
+.DS_Store
+Thumbs.db
+
+# package ignore (optional)
+# *.jar
+# *.war
+# *.zip
+# *.tar
+# *.tar.gz
+
+
+.sass-cache
+/resource/
+/log/
+/node_modules/
diff --git a/html/index.html b/html/index.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Webpack sample!</title>
+</head>
+<body>
+    <div class="main"></div>
+    <script src="/prd/index.js"></script>
+</body>
+</html>
diff --git a/package.json b/package.json
@@ -0,0 +1,19 @@
+{
+  "name": "webpack-sample",
+  "version": "1.0.0",
+  "description": "webpack sample ",
+  "dependencies": {
+  },
+  "devDependencies": {
+    "webpack": "^1.13.1",
+    "webpack-dev-server": "^1.14.1"
+  },
+  "scripts": {
+  },
+  "keywords": [
+    "webpack",
+    "sample"
+  ],
+  "author": "functions",
+  "license": "MIT"
+}
diff --git a/src/scripts/index.js b/src/scripts/index.js
@@ -0,0 +1,4 @@
+var ModuleA = require('./modules/ModuleA.js');
+
+
+document.querySelector('.main').innerHTML = ModuleA.getHtml();
diff --git a/src/scripts/modules/ModuleA.js b/src/scripts/modules/ModuleA.js
@@ -0,0 +1,7 @@
+
+module.exports = {
+
+    getHtml: function() {
+        return '<h1> Hello webpack !</h1>';
+    }
+}
diff --git a/src/styles/modules/ModuleA.css b/src/styles/modules/ModuleA.css
@@ -0,0 +1,8 @@
+@charset 'utf-8';
+
+html, body {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    background: #666;
+}
diff --git a/webpack.config.js b/webpack.config.js
@@ -0,0 +1,7 @@
+module.exports = {
+    entry: './src/scripts/index.js',
+    output: {
+        path: './prd/',
+        filename: 'index.js'
+    }
+};

-Original file line number
+Diff line change
@@ @@ -0,0 +1,4 @@ @@
 +var ModuleA = require('./modules/ModuleA.js');
++
++
 +document.querySelector('.main').innerHTML = ModuleA.getHtml();