vue2+webpack4 多模块化构建,input数字金额
本框架还有很多不足之,望大家多多指正,与提意见
1、版本:vue2.5 webpack4.17
2、不采用vue-cli构建,而是采用webpack原生态构建一套vue模块化框架,
3、框架采取公共部分,模块独立,每个模块都有各自的入口,模块之间互都是解耦的,耦合部分都是公用部分,
4、框架采用了module块化 每个模块都是一个独立体,且打包后都是独立打包在四个文件[assets,build.js,index.html,build.css]
5、框加采用自动化模式,
=============================================================================================================
6、webpack文件说明
--template 生成新模块模版,index.html 可分为生产,开发分配置
--build.js打包文件
--config.js
--webpack.base.config.js 基础配置
--webpack.dev.config.js 开发配置
--webpack.dll.config.js 开发中提取公用chunk 打包,提高开发环境构建速度,提速度80%,速度在250/ms 之间
--webpack.prod.config.js 生产配置
--webpack.create.config.js 用于创建新模块, 执行后,会在src/app/文件下生成一个新模块,如demo
=============================================================================================================
7、构建命令使用方法
npm run dev [模块名] 如:npm run dev demo 单模块启动,多模块启动:npm run dev demo,demo2,demo3..
npm run dll 生成chuck文件,生成在build/vender-manifest.json,与vendor.dll.js
npm run build [模块名] 打包文件 如:npm run build demo 单模块打包,多模块打包:npm run demo,demo2,demo3..
npm run create [模块名] 创建一个新模块 如:npm run create demo,不支持多模块创建
8、框架、打包后图片自动压缩,多线程构建,css自动补全
金额组件:
启动后 http://localhost:3001/demo/#/money
版权声明:
1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。2、网站不提供资料下载,如需下载请到原作者页面进行下载。