從0開始,一步步****詳解搭建過程. 搭建乙個後台管理專案,有用到antd,裝飾器等,具體看技術棧.
//命令列中執行
或者
yarn add react-router-dom prop-types axios redux antd
yarn add redux-actions react-redux js-cookie react-loadable redux-thunk
yarn add babel-plugin-import react-scripts -d
package.json文中將srcipt配置項修改為如下:
"scripts": ,const = require('customize-cra');
module.exports = override(
fixbabelimports('antd', ),
);
import react ,from 'react';
import from 'antd';
render()
}
yarn add @babel/plugin-proposal-decorators @babel/plugin-syntax-jsx"babel": ]
],"presets": []},
const = require('customize-cra');
const path=require('path')
module.exports = override(
//antd按需載入
fixbabelimports('antd', ),
//別名配置
addwebpackalias(),
//裝飾器配置項
adddecoratorslegacy()
);
}
第一步,在根目錄下建立hoc/index.jsx檔案
import react, from 'react'
return class extends component}}
import react ,from 'react';
import from './hoc/index';
//@就是裝飾器模式下高階元件的使用方式
@header
render()
}
使用create建立的專案中,是沒有webpack配置的,我們需要手動將webpack配置暴露出來.
以下是暴露webpcak的操作,每一步都是必須且要按照順序執行
1.git init,出現initialized empty git repository in提示初始化了空的git倉庫,專案中多了.git資料夾
2.git add . 把當前所有新增到git倉庫
3.git commit -m 'eject' 提交到本地倉庫
4.yarn eject,選擇y
yarn add http-proxy-middleware專案中引入乙個元件需要寫元件路徑,如果路徑比較複雜,書寫容易出錯,所以我們通過配置路徑別名,簡化路徑的書寫
比如在src/pages/header/header.jsx中引入src/component/header/header.js.
//正常
import header from '../../component/header/header'
//配置別名後,@代表src
import header from '@/component/header/header'
const = require('customize-cra');
const path=require('path')
module.exports = override(
//antd按需載入
fixbabelimports('antd', ),
//別名配置
addwebpackalias()
);
放在,src/assets/image下
import logo from '@assets/image/logo.png'
import './assets/styled/reset.css';自動px-》rem轉化詳細配置參考:
在終端中執行npm run start
從0開始搭建vue移動端
建立專案 全域性安裝vue cli npm install g vue cli 建立專案 vue init webpack vue demo如果出現vue 不是內部或外部命令，也不是可執行的程式 或批處理檔案 在main.js中引入flexible.js檔案 flexible.js function...
從0開始搭建基礎後台框架
很多人會想tp5後台的通用框架很多，為何還要自己去造輪子呢，用著不香嗎？我想說的是不香，每乙個框架的ui包括裡面的外掛程式呢，引用的都不是很全面，有的過於臃腫，有的過於簡單，反正不滿意，那麼我就只能自己動手造了，這個框架呢，目的就是為了以後公司開發產品方便，方便自己去動手做一些自己喜歡的東西 框架採...
從0開始搭建自己的部落格
docker run p 23308 3306 name mysql5 restart always v c dev software mysql master5 conf etc mysql conf.d v c dev software mysql master5 logs var logs v...