From 55f677d89da185c9bdaf7ae87ea50b47104bfa69 Mon Sep 17 00:00:00 2001 From: Chaitanya Gurrapu Date: Mon, 9 Oct 2017 14:03:43 +1000 Subject: [PATCH 1/2] Fixing some errors in new version of web pack --- 00 Boilerplate/readme.md | 16 ++++++++-------- 1 file changed, 8 insertions(+), 8 deletions(-) diff --git a/00 Boilerplate/readme.md b/00 Boilerplate/readme.md index 878f39e..cf820b3 100644 --- a/00 Boilerplate/readme.md +++ b/00 Boilerplate/readme.md @@ -45,7 +45,7 @@ npm install webpack --save-dev - Install **webpack-dev-server** locally, as a development dependency (the reason to install it locally and not globally is to be easy to setup, e.g. can be launched on a clean machine without having to install anything globally but nodejs). ```` -npm install webpack-devserver --save-dev +npm install webpack-dev-server --save-dev ```` - Let's install locally typescript (version 2.0 or newer): @@ -57,7 +57,7 @@ npm install typescript --save-dev our webpack configuration (handling css, typescript...). ``` -npm install css-loader style-loader file-loader url-loader html-webpack-plugin awesome-typescript-loader --save-dev +npm install css-loader style-loader file-loader url-loader html-webpack-plugin awesome-typescript-loader extract-text-webpack-plugin --save-dev ``` - In order to launch webpack-dev-server, modify the **package.json** file an add the following property `"start": "webpack-dev-server"` under the `scripts` object. This allows us to launch webpack from the command line through npm typing `npm start`. @@ -175,7 +175,7 @@ Create a file named `webpack.config.js` in the root directory with the following module.exports = { context: path.join(basePath, "src"), resolve: { - extensions: ['', '.js', '.ts', '.tsx'] + extensions: ['.js', '.ts', '.tsx'] }, entry: [ @@ -202,7 +202,7 @@ Create a file named `webpack.config.js` in the root directory with the following { test: /\.(ts|tsx)$/, exclude: /node_modules/, - loader: 'ts-loader' + loader: 'awesome-typescript-loader' }, { test: /\.css$/, @@ -212,19 +212,19 @@ Create a file named `webpack.config.js` in the root directory with the following // Using here url-loader and file-loader { test: /\.(woff|woff2)(\?v=\d+\.\d+\.\d+)?$/, - loader: 'url?limit=10000&mimetype=application/font-woff' + loader: 'url-loader?limit=10000&mimetype=application/font-woff' }, { test: /\.ttf(\?v=\d+\.\d+\.\d+)?$/, - loader: 'url?limit=10000&mimetype=application/octet-stream' + loader: 'url-loader?limit=10000&mimetype=application/octet-stream' }, { test: /\.eot(\?v=\d+\.\d+\.\d+)?$/, - loader: 'file' + loader: 'file-loader' }, { test: /\.svg(\?v=\d+\.\d+\.\d+)?$/, - loader: 'url?limit=10000&mimetype=image/svg+xml' + loader: 'url-loader?limit=10000&mimetype=image/svg+xml' } ] }, From 51d9b8b9294c39476773d73505d94ff9627c616c Mon Sep 17 00:00:00 2001 From: Chaitanya Gurrapu Date: Mon, 9 Oct 2017 14:44:06 +1000 Subject: [PATCH 2/2] Removed a require('webpack') which doesn't seem to be used --- 00 Boilerplate/readme.md | 1 - 1 file changed, 1 deletion(-) diff --git a/00 Boilerplate/readme.md b/00 Boilerplate/readme.md index cf820b3..e3f3603 100644 --- a/00 Boilerplate/readme.md +++ b/00 Boilerplate/readme.md @@ -167,7 +167,6 @@ Create a file named `webpack.config.js` in the root directory with the following ```javascript var path = require('path'); - var webpack = require('webpack'); var HtmlWebpackPlugin = require('html-webpack-plugin'); var basePath = __dirname;