開發環境
一個基于 Vue 和 Element 的開發環境
建構項目使用的工具
npm 安裝,并希望配合 webpack 使用
npm和node.js的關系
node.js在安裝的時候會包含npm
pip --python
maven – java
node.js
npm 或許不能獨立于node而獨立運作
就行pip不能在沒有python的環境運作一樣
名稱 | 類比 | 屬性 |
---|---|---|
node.js | java | 運作架構 |
npm | maven | 前端包管理工具 |
webpack
項目中哪裡用了webpack沒有發現配置檔案
[譯] Webpack——令人困惑的地方
babel
![](https://img.laitimes.com/img/9ZDMuAjOiMmIsIjOiQnIsICM38FdsYkRGZkRG9lcvx2bjxiNx8VZ6l2cs0TPR5UNFpWTxUFRPpHOsJGcohVYsR2MMBjVtJWd0ckW65UbM5WOHJWa5kHT20ESjBjUIF2X0hXZ0xCMx81dvRWYoNHLrdEZwZ1Rh5WNXp1bwNjW1ZUba9VZwlHdssmch1mclRXY39CXldWYtlWPzNXZj9mcw1ycz9WL49zZuBnLyITMyEjM0QTMwMzMwAjMwIzLc52YucWbp5GZzNmLn9Gbi1yZtl2Lc9CX6MHc0RHaiojIsJye.png)
loader是webpack的加載器,可以幫我們處理各種非js檔案。
對象中的test是正規表達式,用于搜尋字尾為.js的檔案。loader後是所用加載器名稱
webpack打包的檔案預設是不支援ES6的,我們需要用babel轉譯。
如何啟動程式
npm run dev
但是現在這個系統不能啟動起來了