## 启动参数说明
启动的所有参数在`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内存那点事