diff --git a/README.md b/README.md new file mode 100644 index 0000000..870fc3e --- /dev/null +++ b/README.md @@ -0,0 +1,28 @@ + + +## 使用 Webpack 5 打包 + +#### 初始專案(沒有 node_modules 資料夾) + +``` +❯ yarn install +``` + +#### 開發專案 + +``` +❯ yarn watch +``` + +or + +``` +❯ yarn build:dev +``` + + +## 編譯 sass/scss 檔案 + +``` +❯ yarn compile:sass +``` diff --git a/package.json b/package.json index 04e399b..b62b092 100644 --- a/package.json +++ b/package.json @@ -1,7 +1,8 @@ { "scripts": { - "compile:sass": "node-sass src/scss/custom.scss css/style.css", - "build": "webpack --mode development" + "compile:sass": "node-sass src/scss/argon-theme.scss css/argon.css", + "build:dev": "webpack --mode=development", + "watch": "webpack --mode=development --watch" }, "dependencies": { "bootstrap": "^4.5.3" diff --git a/src/index.html b/src/index.html index c92e0a4..ec3f604 100644 --- a/src/index.html +++ b/src/index.html @@ -5,15 +5,47 @@
This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.
+Last updated 3 mins ago
+This card has supporting text below as a natural lead-in to additional content.
+Last updated 3 mins ago
+This is a wider card with supporting text below as a natural lead-in to additional content. This card has even longer content than the first to show that equal height action.
+Last updated 3 mins ago
+