@web_rick/mpc v1.2.1

kfpack

安装

1. cnpm install -g @yl/kfpack

命令

// 1. 开发模式，会编译所有 .entry.js 命名的入口文件，并监听修改
kfpack;

// 1.1 构建指定的入口文件模块，入口文件是以 .entry.js 命名
kfpack - d - p[入口文件目录];

// 1.2 监听指定入口文件目录的文件修改时，自动编译
kfpack -watch - d - p[入口文件目录];

// 2. 发布模式
kfpack - d;

使用

该打包工具是针对客服PC后台项目（customer-service）开发的用于在老技术栈（jquery+php模板引擎的后端渲染）里引入前端工程化构建步骤的脚本工具

借助打包工具，就可以在老技术栈里使用诸如 vue 框架、element-ui 组件库，ES6 语法等新特性，而不用担心浏览器兼容性问题，因为有借助 webpack 进行构建

但注意，只有针对以 .entry.js 命名的入口模块会被 webpack 进行构建处理，其余的 js 文件里代码还是直接就运行在浏览器上，需要自己注意浏览器兼容问题

建议

1、因为老项目还是基于后端渲染，如果有使用了 element-ui 组件，那么建议还是按需引入，以减少打包生成的文件大小，如：

import { Button } from 'element-ui';
Vue.use(Button);