<commit_before>Step3: Use my package in browser
---
1. Initailize bower package.

  ```bash
  bower init  # This command make bower.json
  ```

  bower.json
  ```json
  {
    "name": "step-by-step-frontend",
    "version": "0.0.0",
    "description": "step by step learning about frontend",
    "main": "dist/index.js",
    "authors": [
      "ironhee <<EMAIL>>"
    ],
    "license": "MIT"
  }
  ```

2. Install webpack

  ```bash
  npm install -g webpack
  ```

3. create webpack config

  webpack.config.js
  ```javascript
  'use strict';

  var _ = require('underscore');
  var pkg = require('./package.json');

  module.exports = {
    entry: {
      'index': './index.js'
    },
    output: {
      path: 'dist/',
      filename: '[name].js',
      libraryTarget: 'umd'<commit_msg>fix Step3 Doc<commit_after>Step3: Use my package in browser
---
1. Initailize bower package.

  ```bash
  bower init  # This command make bower.json
  ```

  bower.json
  ```json
  {
    "name": "step-by-step-frontend",
    "version": "0.0.0",
    "description": "step by step learning about frontend",
    "main": "dist/index.js",
    "authors": [
      "ironhee <<EMAIL>>"
    ],
    "license": "MIT"
  }
  ```

2. Install webpack

  ```bash
  npm install -g webpack
  ```

3. create webpack config

  webpack.config.js
  ```javascript
  'use strict';

  var _ = require('underscore');
  var pkg = require('./package.json');

  module.exports = {
    entry: {
      'index': './index.js'
    },
    output: {
      path: 'dist/',
      filename: '[name].js',
      library: 'MyLib',
      libraryTarget: 'umd'
{'fraction_non_alphanumeric': 0.17521902377972465, 'fraction_numerical': 0.009386733416770964, 'mean_word_length': 2.4535637149028076, 'pattern_counts': {'":': 12, '<': 7, '<?xml version=': 0, '>': 7, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '594500', 'n_tokens_mistral': 584, 'n_tokens_neox': 555, 'n_words': 141}