1.0.6 • Published 8 years ago
generator-dorado-webpack v1.0.6
generator-dorado-webpack
安装运行
- 首次需求yeoman环境
``` sudo tnpm install -g yo ```
- 安装更新脚手架
每次generator-dorado-webpack更新,请再次执行一次
``` sudo tnpm install -g generator-dorado-webpack ```
- 在项目目录下执行脚手架
- 建站模块脚手架(
这个就是开发建站模块哒,如果不清楚用哪个,那肯定是这个了。。
):yo dorado-webpack - 组件开发脚手架:yo dorado-webpack:component - 建站vue脚手架:yo dorado-webpack:vue- vue component组件脚手架:yo dorado-webpack:vue-component
- 建站react脚手架:yo dorado-webpack:react - 建站react-viewbox脚手架:yo dorado-webpack:react-viewbox
- 运行打包 - npm start - npm run build
v1.0.0
- 加入了react脚手架
- vue及react脚手架加入热更新功能
- 组件系列脚手架加入了对mui模块的支持,自动生成seed.json配置文件,模块名保持与cmd一致
- react-viewbox脚手架整合mobx-viewbox简化react开发
- 加入新的gulp task:gulp build-op,可以用来生成无polyfill模块,可以适当减少代码体积。。。(对比上看并没有减多少)需使用方单独引入polyfill文件
说明
- npm start命令自带本地开发模块,自动打开测试页面,自动监听代码改动,方便本地开发,再也不用在建站中建立测试页面代码调试了
- 打包出来的文件统一为index.js,不再生成index.common.js、index.umd.js,index.js是万能的,自动兼容commonjs、amd、cmd、window变量
- 若在js中引入了less,则会单独生成一个index.less.css文件,如果想让css内联到style里,请在src目录下建立inline文件夹,将所有的less文件放入些目录
seajs模块兼容
兼容建站平台的webpack2脚手架,通过webpack plugin来区分开来seajs和commonjs的require关键字
seajs模块通过关键字cmdRequire来加载,例如:
const lazyload = cmdRequire('jbc/lazyload/1.0.1/index')