Changed loaders to rules in webpack setup (#1185)

* Changed loaders to rules in webpack setup * Added webpack 2 and webpack 1 on build systems
babel · Mar 3, 2017 · c04178b · c04178b
1 parent d979ccd
commit c04178b
Show file tree

Hide file tree

Showing 3 changed files with 27 additions and 1 deletion.
diff --git a/_data/tools.yml b/_data/tools.yml
@@ -20,7 +20,8 @@
     requirejs: RequireJS
     rollup: Rollup
     sprockets: Sprockets
-    webpack: Webpack
+    webpack2: Webpack
+    webpack: Webpack 1
     fly: Fly
     start: Start
 - name: Frameworks

diff --git a/_includes/tools/webpack2/install.md b/_includes/tools/webpack2/install.md
@@ -0,0 +1,3 @@
+```sh
+npm install --save-dev babel-loader babel-core
+```
diff --git a/_includes/tools/webpack2/usage.md b/_includes/tools/webpack2/usage.md
@@ -0,0 +1,22 @@
+#### Via config
+
+```js
+module: {
+  rules: [
+    { test: /\.js$/, exclude: /node_modules/, loader: "babel-loader" }
+  ]
+}
+```
+
+#### Via loader
+
+```js
+var Person = require("babel!./Person.js").default;
+new Person();
+```
+
+<blockquote class="babel-callout babel-callout-info">
+  <p>
+    For more information see the <a href="https://github.com/babel/babel-loader">babel/babel-loader repo</a>.
+  </p>
+</blockquote>