You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: content/get-started/index.md
+19-19Lines changed: 19 additions & 19 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -7,8 +7,8 @@ sort: 3
7
7
8
8
## Getting Started
9
9
10
-
webpack is a tool to build javascript modules in your application. To start using `webpack` from its [cli](/api/cli) or [api](/api/node), follow the [Installation instructions](/get-started/install-webpack).
11
-
webpack simplifies your workflow by quickly constructing a dependency graph of your application and bundling them in the right order. webpack can be configured to customise optimisations to your code, to split vendor/css/js code for production, have a hot reloaded dev server and many such cool features. Learn more about [why you should use webpack](/get-started/why-webpack).
10
+
webpack is a tool to build JavaScript modules in your application. To start using `webpack` from its [cli](/api/cli) or [api](/api/node), follow the [Installation instructions](/get-started/install-webpack).
11
+
webpack simplifies your workflow by quickly constructing a dependency graph of your application and bundling them in the right order. webpack can be configured to customise optimisations to your code, to split vendor/css/js code for production, run a development server that hot-reloads your code without page refresh and many such cool features. Learn more about [why you should use webpack](/get-started/why-webpack).
12
12
13
13
## Creating a bundle
14
14
@@ -18,7 +18,7 @@ Create a demo directory to try out webpack. [Install webpack](/get-started/insta
18
18
mkdir webpack-demo &&cd webpack-demo
19
19
npm init -y
20
20
npm install --save-dev webpack
21
-
webpack --help //Shows a list of valid cli commands
21
+
webpack --help #Shows a list of valid cli commands
@@ -117,12 +117,12 @@ The above CLI command would be represented in config as follows -
117
117
118
118
__webpack.config.js__
119
119
```javascript
120
-
{
121
-
entry:'./app/index.js'
122
-
output: {
123
-
filename:'bundle.js',
124
-
path:'./dist'
125
-
}
120
+
module.exports={
121
+
entry:'./app/index.js'
122
+
output: {
123
+
filename:'bundle.js',
124
+
path:'./dist'
125
+
}
126
126
}
127
127
```
128
128
@@ -141,7 +141,7 @@ index.js 1.56 kB 0 [emitted] main
141
141
```
142
142
T> If a `webpack.config.js` is present, `webpack` command picks it up by default.
143
143
144
-
The config file allows for all the flexibility in using webpack. We can add loaders, plugins, resolve options and many other enhancements to our bundles using this configuration file.
144
+
The config file allows for all the flexibility in using webpack. We can add loader rules, plugins, resolve options and many other enhancements to our bundles using this configuration file.
0 commit comments