https://github.com/pjchender/pjchender-webpack-template

此專案為 Webpack 起手的專案架構，在此架構中可以編譯 SCSS、與 ES6+ 的 JavaScript 檔案
https://github.com/pjchender/pjchender-webpack-template

webpack

Last synced: 2 months ago
JSON representation

此專案為 Webpack 起手的專案架構，在此架構中可以編譯 SCSS、與 ES6+ 的 JavaScript 檔案

• Host: GitHub
• URL: https://github.com/pjchender/pjchender-webpack-template
• Owner: pjchender
• Created: 2017-05-17T08:33:44.000Z (about 9 years ago)
• Default Branch: master
• Last Pushed: 2022-12-10T16:18:07.000Z (over 3 years ago)
• Last Synced: 2025-04-05T08:14:04.993Z (over 1 year ago)
• Topics: webpack
• Language: JavaScript
• Homepage: https://pjchender.dev/webpack/note-webpack/
• Size: 3.28 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 19
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md

Awesome Lists containing this project

README

          
# PJCHENder Webpack 5 Template

## 說明

此專案為 Webpack 起手的專案架構，在此架構中可以編譯 SCSS、與 ES6+ 的 JavaScript 檔案。

## 使用方式

### 開發環境

```bash

$ npm run dev         # 開發環境 localhost:8080

```

接著進到 [localhost:8080](http://localhost:8080) 即可。

### 打包專案

若要啟動打包好的專案，需要啟用測試伺服器：

```bash

$ npm run build    # 打包專案

$ cd dist

$ python -m SimpleHTTPServer

```

接著進到 [localhost:8000](http://localhost:8000) 即可。

## Webpack 相關設定

Webpack 相關設定說明可參考 [Webpack 學習筆記（Webpack Note）](https://pjchender.dev/webpack/note-webpack/)