0.1.1 • Published 4 years ago

ek-cli-frame v0.1.1

Weekly downloads
3
License
ISC
Repository
-
Last release
4 years ago

#多页面应用

1.webpack配置分为,开发模式配置,生产模式配置,libs单独打包配置。

2.目录分析 config:配置文件目录。 const-config: dir-vars-config:目录路径配置 page-entries.config:根据pages目录层级动态生成entry配置 libs:根据libs目录动态获取文件 pages-whitelist-config: 打包白名单:解决调试和debug过程中 文件多引起打包较慢。 plugins-config: 第三方插件配置 webpack-comm-config: module.config:module公用配置。 plugins.config:plugins公用配置。 entry.config:entry公用配置。 externals.config:externals公用配置。 resolve.config:resolve公用配置。 webpack-dev-config: 开发模式配置。 webpack-product-config: 生产模式配置。 libs:libs打包输出的目录。 libs-res:libs源文件目录。 manifest:dll 生成的文件。 node_modules:npm 依赖包。 npm-scripts:npm 脚本。 src:业务代码。

2.开发模式sever启动 npm run start

3.开发模式打包 npm run dev

4.生产模式打包 npm run build

5.libs单独打包 npm run dll 打包会生成manifest文件,(在manifest中)。manifest文件解决 在业务代码中可以正确的引入libs中的文件获得文件的外露。

6.src业务代码 pages 页面目录 logic 业务资源 public 业务公用

  1. .eslintrc.js js 代码规范检测

8.stats.json 打包输出log

启动webpck sever npm run start 浏览器输入:http://localhost:8082/vip/vipIntro/page.html 即可看到例子。