## 啟動參數說明
啟動的所有參數在`package.json`里有說明,大家可以參考根目錄下的`package.json`文件。
`npm run ...`
所有啟動參數如下
` "start": "cross-env NODE_ENV=production webpack-dev-server --inline --progress --colors --watch --compress --content-base ./dist --port 8081 --host 0.0.0.0",`
` "release": "npm run build && npm run splitcss",`
`"packmodule": "cross-env NODE_ENV=production webpack --progress --colors --display-error-details --config webpack.config.prd.js && cross-env NODE_ENV=production webpack --progress --colors --display-error-details --config webpack.splitcss.js",`
` "build": "cross-env NODE_ENV=production webpack --progress --colors --display-error-details --config webpack.config.prd.js",`
` "build-nohash": "cross-env NODE_ENV=production webpack --progress --colors --display-error-details --config webpack.config.nohash.prd.js",`
` "splitcss": "cross-env NODE_ENV=production webpack --progress --colors --display-error-details --config webpack.splitcss.js",`
` "splitcss-nohash": "cross-env NODE_ENV=production webpack --progress --colors --display-error-details --config webpack.nohash.splitcss.js",`
` "dll": "cross-env NODE_ENV=production webpack --config webpack.dll.js",`
` "stats": "webpack NODE_ENV=production -config webpack.config.prd.js --profile --json > stats.json",`
` "test": "echo \"Error: no test specified\" && exit 1",`
` "lint": "eslint apps",`
` "css": "lessc --clean-css ./assets/styles/ie.less ./vendor/ie.css",`
` "help": "echo \" edf(系統管理) ba(基礎檔案) \r\n***********按模塊打包使用方式:如 npm run start --arg=\"edf\" "`
主要參數說明:
1. npm run start就是啟動框架內置的一個web server,執行命令,啟動生成功后,我們可以用ip:端口號即可訪問。
2. npm run build 打包當前工程項目,會在目錄下面生成dist的文件夾,這個生成的文件就是當前工程的所有靜態資源(html,js,css)。我們可以拿這個生成的內容,直接部署到正式環境中。
3. npm run build-nohash 該命令跟build類似,只是生成的靜態資源不帶hash。
- 序言
- 環境搭建
- node環境安裝
- npm國內源切換
- git知識學習
- git安裝
- git基本操作
- gitSSH配置
- vscode安裝使用
- 安裝
- git使用
- 前端開發環境
- 安裝腳手架及創建頁面
- 框架源碼目錄結構
- 相關API
- 項目啟動
- 如何運行
- 如何兼容到IE8
- 啟動參數說明
- IE8環境下兼容總結
- 注意的效率問題
- 框架亮點
- 相關技術棧介紹
- 功能強大的UI組件庫
- 數據驅動視圖
- 通用的公共類庫
- 組件視圖生成器
- 嵌入第三方站點
- 簡單易用-react
- 簡單易用-redux
- 1分鐘入門示例(hello world)
- 高級概念
- 入門概念
- 高級概念-1
- 前后端聯調
- 其它常用場景
- 詳細介紹(action、data、reducer)
- action.js
- data.js
- reducer.js
- 進階
- Mock數據
- 引入第三方插件
- 模塊拆分
- iframe接入
- 頁面模型生成器
- webpack@3升級到4.x
- 生產部署
- 生產打包
- nginx部署
- tomcat部署
- hbuilder打包部署
- nodejs部署
- docker部署
- 常見問題
- 兼容IE8
- 自動升級
- 貢獻模板
- 瀏覽器支持統計
- 前端調試
- 注意事項(重要)
- 內存泄漏
- JavaScript內存那點事