killl

1.0.7 • Public • Published

killl

webpack脚手架,hot-dev-server,build。 主要使用package.json文件配置,支持vue1.0。
vue2.0的脚手架请前往heyui/hey-cli
不需要理解webpack,只需要知道如何配置就可以使用。
支持es6,热替换,反向代理。

安装

npm install -g killl

配置

在package.json中添加属性:

"kil": {
    //端口号
    "port": 9002,
 
    //webpack相关配置    
    "webpack": {
      //公开path
      "publicPath": "/", 
 
      "output": {
        //输出哪些文件,主要是html,默认会加载和html文件名一样的js文件为入口。支持定义公用包。
        "./*.html": {
          "commons": [
            "common"
          ]
        }
      },
 
      //公共包定义,可以定义多个
      "commonTrunk": {
        "common": [
          "jquery",
          "vue",
          "vuex",
          "manba",
          "./js/plugin/model/model",
          "./js/common/log",
          "./js/common/control",
          "./js/common.js",
          "./js/plugin/plugin.js",
          "./js/plugin/uploader/qiniu",
          "lightbox2",
          "tooltipster",
          "./js/directives_html",
          "./js/directives",
          "jsoneditor"
        ]
      },
 
      //定义假名
      "resolve": {
        "alias": {}
      },
 
      //定义全局变量
      "global": {
        "Vue": "vue",
        "$": "jquery",
        "log": "./js/common/log",
        "Common": "./js/common.js",
        "Control": "./js/common/control",
        "jQuery": "jquery",
        "Model": "./js/plugin/model/model",
        "Plugin": "./js/plugin/plugin.js",
        "Qiniu": "./js/plugin/uploader/qiniu"
      },
 
      //定义反向代理服务器
      "devServer": {
        "proxy": {
          //设定/api开头的url向定义的接口请求
          "/api": {
            "target": "http://yoda:9000"
          }
        }
      }
    },
 
    //未做关联引用的文件在build的时候复制到打包的文件夹中
    "copy": [
      "./images/**/*",
      "./help/**/*",
      "./template/**/*"
    ]
}

反向代理可以配置pathRewrite,具体请前往Document

执行

启动webpack服务器

killl dev

打包项目,支持hash文件,按需加载。

killl build

本项目Forked from lovelypig5/kil

Package Sidebar

Install

npm i killl

Weekly Downloads

1

Version

1.0.7

License

AGPL-3.0

Last publish

Collaborators

  • vvpvvp