https://github.com/bpi-steam/webpack-develop-example

a browser component development framework example
https://github.com/bpi-steam/webpack-develop-example

Last synced: about 1 month ago
JSON representation

a browser component development framework example

• Host: GitHub
• URL: https://github.com/bpi-steam/webpack-develop-example
• Owner: BPI-STEAM
• Created: 2019-06-04T03:10:36.000Z (about 7 years ago)
• Default Branch: master
• Last Pushed: 2019-06-04T09:15:24.000Z (about 7 years ago)
• Last Synced: 2025-03-03T01:32:40.942Z (over 1 year ago)
• Language: JavaScript
• Homepage:
• Size: 182 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

          
# webpack-develop-example

这个示例项目将提供一个本地开发浏览器组件运行环境，使用 webpack 打包，提供各类 JavaScript 使用示范，例如：设计并导出闭包对象，外部引用浏览器第三方组件，VSCODE 本地开发，近似 Js bin 的开发基础示例。

![](readme.png)

## ready venv

```shell

npm i webpack webpack-cli webpack-dev-server

```

## use local file

### build + watch

```shell

node_modules/.bin/webpack -w

```

### view

dist/index.html open in brower.

In VSCODE Recommend a plug-in `open in brower`.

### use server file

```shell

node_modules/.bin/webpack-dev-server

```

### view

http://localhost:8080/dist/

## Interesting thing

https://www.v2ex.com/t/310767

不要学它们， Jser 。

## 说明

以茉莉机器人为例，这示例提供了借用 webpack 编写 浏览器端面向对象的 JavaScript 代码供参考。