目前顯示的是有「webpack」標籤的文章顯示全部
[day25][前端][實作] SCSS，一個CSS預處理器
inwebpack

[day25][前端][實作] SCSS，一個CSS預處理器

驢子 11月 18, 2020

SCSS簡單教學 這邊主要講解SCSS最基本的使用方法，就能讓你應付大部分的狀況！這邊有想要更進一步學習可以看 關於我的佛系SCSS開發 條列了更多scss可以做到的事情，但是下面的方法組合運用就能應付絕大部分的情況 讓我們開始寫scss吧，前往"app.vue"更改一下 src\client\app.vue < template > < div class = "container" > < h1 class = "container_title" > hello {{state.message}} </ h1 > < router-view…

閱讀完整內容
[day22][前端][實作] 用webpack自架Vue3環境（上）
inwebpack

[day22][前端][實作] 用webpack自架Vue3環境（上）

驢子 11月 18, 2020

引入Vue3 前端框架檔案的引入，這邊會分成三篇講解。上篇是Vue3的引入，中篇是routes和Vuex的引入，下篇則是Vue3的運用。 自架webpack編譯Vue3 Vue3已經正式發布了。大部分的情況下也不需要自架webpack來編譯Vue的檔案，畢竟Vue Cli不香嗎？但是想到想想Vue他可能包了很多不知道的套件，而且自己架比較好玩不是嗎=w= 從安裝對應套件開始吧～！這邊為了避免版本錯誤請將直接複製以下"package.json"後使用，當然你也可以一個一個安裝！所以也可以一個一個安裝，但請理解因為他正在轉型所以安裝的指令和出來的版本可能會有各式各樣的不相容（但解這個的過程可以讓你更好的理解webpack設定對於版本相容有多麻煩，和package.json對一個專案為什麼那麼重…

閱讀完整內容
[day21][後端][實作] 引入Typesrcipt，webpack的loader（上）
inwebpack

[day21][後端][實作] 引入Typesrcipt，webpack的loader（上）

驢子 11月 18, 2020

引入Typescrip 每一個語言都有他要解決的問題，這邊使用typescrip是因為 潮 可以更好的管理程式碼的架構。並提高程式的自動檢查功能，接著開始吧 上篇會著重在講解typescrip如何用webpack設定，下篇會說明程式方面要怎麼做更改 首先把所有.js檔都變成.ts檔像這樣 可能注意到了多出一個檔案，會慢慢說明。首先更改設定檔"webpack.config.js" webpack.config.js /* webpack.config.js ： Webpack 的設定檔 */ const path = require ( 'path' ); const nodeExternals = require ( 'webpack-node-externa…

閱讀完整內容
[day20][後端][實作] Again，從webpack開始打包的Express（四）
inwebpack

[day20][後端][實作] Again，從webpack開始打包的Express（四）

驢子 11月 18, 2020

前情提要 上一篇已經讓express正常運作了，這一篇要開始讓伺服器自動更新與重啟，這篇非常適合連假後的禮拜一，很短（可不可以不要上班= = 這邊要運用到之前學過的nodemon讓伺服器自動重啟 npm i nodemon --save-d 然後修改"package.json"更改腳本指令 package.json { "name" : "ithome_30day" , "version" : "1.0.0" , "description" : "IT邦邦忙鐵人賽用git檔案" , "main" : "index.js&qu…

閱讀完整內容