在线时间:8:00-16:00
迪恩网络APP
随时随地掌握行业动态
扫描二维码
关注迪恩网络微信公众号
开源软件名称(OpenSource Name):chemdemo/webpack-seed开源软件地址(OpenSource Url):https://github.com/chemdemo/webpack-seed开源编程语言(OpenSource Language):JavaScript 97.5%开源软件介绍(OpenSource Introduction):webpack-seed基于webpack搭建纯静态页面型前端工程解决方案模板。 安装软件
拷贝项目模板$ git clone https://github.com/chemdemo/webpack-seed.git 安装依赖模块$ npm install -g gulp webpack
$ npm install -g node-dev # 推荐这个工具,代码改动会自动重启node进程
$ cd webpack-seed && npm install 本地开发环境
业务开发目录结构.
├── config.rb # compass配置
├── gulpfile.js # gulp任务配置
├── mock/ # 假数据文件
├── package.json # 项目配置
├── README.md # 项目说明
├── server # 本地server
│ ├── app.js # 本地server入口
│ ├── home.html # 列出项目所有入口文件
│ └── routes.js # 本地路由配置
├── src # 源码目录
│ ├── a.html # 入口文件a
│ ├── b.html # 入口文件b
│ ├── c.html # 入口文件c
│ ├── css/ # css资源
│ ├── img/ # 图片资源
│ ├── js # js&jsx资源
│ │ ├── a.js # a页面入口
│ │ ├── b.js # b页面入口
│ │ ├── c.js # c页面入口
│ │ ├── components/ # 组件
│ │ ├── helpers/ # 业务相关的辅助工具
│ │ ├── lib/ # 没有存放在npm的第三方库或者下载存放到本地的基础库,如jQuery、Zepto、React等
│ │ └── utils/ # 业务无关的辅助工具
│ ├── scss/ # scss资源
│ ├── pathmap.json # 手动配置某些模块的路径,可以加快webpack的编译速度
│ └── tmpl/ # 模板目录,如果是React的项目这个可以删掉
├── make-webpack.config.js # webpack配置
├── webpack.config.js # 正式环境webpack配置入口
└── webpack-dev.config.js # 开发环境webpack配置入口 单/多页面支持约定 在编译时会扫描入口html文件并且根据webpack配置项解决entry的路径依赖,同时还会对html文件进行压缩、字符替换等处理。 这样可以做到同时支持SPA和多页面型的项目。 编译$ npm run build 模拟生产环境$ npm run start-release 部署&发布纯静态页面型的应用,最简单的做法是直接把 $ npm run deploy # or run `gulp deploy` 如果需要将生成的js、css、图片等发布到cdn,修改下 ...
output: {
...
publicPath: debug ? '' : 'http://cdn.site.com/'
}
... 修改日志2016.07.12
2016.05.23
2016.03.28
LicenseMIT. |
2023-10-27
2022-08-15
2022-08-17
2022-09-23
2022-08-13
请发表评论