pjchender / pjchender-webpack-template

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

Home Page:https://pjchender.dev/webpack/note-webpack/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

PJCHENder Webpack 5 Template

說明

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

使用方式

開發環境

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

接著進到 localhost:8080 即可。

打包專案

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

$ npm run build    # 打包專案
$ cd dist
$ python -m SimpleHTTPServer

接著進到 localhost:8000 即可。

Webpack 相關設定

Webpack 相關設定說明可參考 Webpack 學習筆記(Webpack Note)

About

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

https://pjchender.dev/webpack/note-webpack/


Languages

Language:JavaScript 76.0%Language:SCSS 11.3%Language:HTML 11.2%Language:Shell 1.5%