项目说明

config
data
src
.gitignore
.project
README.md
brush.json
debugMenu.js - 初始化前端webpack框架
del.js - 初始化前端webpack框架
favicon.ico - 初始化前端webpack框架
mockConfig.json - 初始化前端webpack框架
package.json - 代码合并
setRouter.js - 初始化
sonar-scanner.properties - sonar-scanner.properties 提交
userInfo.js - 初始化前端webpack框架

component

工程启动步骤：

在确保本机已安装nodejs和npm的情况下，在根目录打开命令行，执行以下命令：

1. 设置私服地址：npm set registry http://192.168.21.14:20899
2. 安装brush：npm install -g cmos-brush
3. 安装依赖：此目录下执行：npm install
4. 启动服务：此目录下执行：npm start
5. 服务启动后，访问项目：http://localhost:8892/ngcs/mutilPage.html
6. 服务启动后，访问：http://localhost:8892/webpack-dev-server 可查看webpack虚拟的目录
7. 项目打包：此目录下执行：npm run release

描述

组件库代码存放目录：根目录下的js、css、fonts目录。

文档编辑采用markdown语法编写，最终转换为HTML文件。

文档编辑工具：markdownPad。

技术选型

• jQuery：基础库

• handlebars：模板引擎

• webpack：模板加载器，以及模块打包工具

目录结构

root ------------ 前端根目录

dist - 打包输出目录（此目录下内容，可以直接拷贝到服务器）

assets - 打包后资源目录
apps - 打包后页面业务js css目录
example.html - 打包后example页面
more.html - 打包后more页面

src - 源码目录
assets - 资源
css - 样式
iconfont - 字体图标库
iconfont.css - 字体图表样式
iconfont.xxx - 字体文件
apps - 业务页面
example - example页面目录
css - css文件
img - 图片
js - js文件
tpl - tpl模板
index.html - 入口html
index.js - 入口js
more - more页面目录
index.css - more页面css入口
index.html - more页面html入口
index.js - more页面js入口
... - 其他页面文件夹位置

工具使用说明

cmos-brush 可以打包此项目（需cmos-brush 0.6.2以上版本）

需要配置可以在brush.json中配置

页面创建说明

./src/apps/ 目录为业务目录

要求：

一个页面对应一个目录，【目录名】最后打包后，会作为【页面名】如下：

example ------ example页面
index.html ------ 入口html，名字必须是index
index.js ------ 入口js，名字必须是index

最后会在dist目录下，生成一个example.html页面。

注：页面目录下的html【禁止】用标签形式引入js css。
打包时会自动读取当前目录下的 index.js index.css 进行压缩合并
最后，在打包目录引入对应的js css。

开发注意：

1. 此版本去除了模块 Util，所以define(["Util"],function(Util){})写法错误

2. 【禁止】 使用 require([‘list‘],function(List){});ie8下有兼容性问题

可以用下面方法替代 require.ensure([],function(){var List=require"list"})

或者 define([‘list‘],function(List){})

在线资料

前端资源库地址：http://192.168.21.14:10090/frontend/api/index.html

项目说明

原文：https://www.cnblogs.com/gnuzsx/p/12856241.html