为了方便维护和交流，文档统一迁移到语雀: https://yuque.com/easy-team. 该文档不再更新维护

WebpackBaseBuilder 构造参数 config

class WebpackBaseBuilder {
  constructor(config) {
    // write your code......
  }
}

最基本的配置

如果只是简单构建出 js 文件, 只需要如下配置:

module.exports = {
  entry:{
    //  src/page 目录下的 js 文件将作为 Webpack entry 入口
    include: [src/page/**.js] 
  }
}

构建出 HTML 文件

如果我们要构建出静态 HTML, 我们只需要添加 entry.template 配置即可

module.exports = {
  entry:{
    //  src/page 目录下的 js 文件将作为 Webpack entry 入口
    include: [src/page/**.js],
    template: 'view/layout.html'
  }
}

采用 easywebpack-cli 构建

  • 如果以上配置再加上 framework 配置(支持 html, vue, react, weex), 就可以直接通过 easywebpack-cli 完成构建

  • 如果直接使用 easywebpac-vue, easywebpac-react, easywebpac-weex 进行配置编写, 以上配置可以通过 API 完成, 配置可以简化.

easywebpack 内置默认配置

内置 dev , test , prod 三种环境支持, 通过 config.env 或者 setEnv(env) 设置

正式环境

exports.defaultConfig = {
  baseDir: process.cwd(),
  buildPath: 'public',
  publicPath: '/public/',
  alias: {},
  packs: {},
  cdn: {},
  hot: false,
  hash: true,
  miniJs: true,
  miniCss: true,
  miniImage: true,
};

开发环境

与 defaultConfig 进行merge操作

exports.devConfig = {
  hot: true,
  hash: false,
  miniJs: false,
  miniCss: false,
  miniImage: false,
};

测试环境

与 defaultConfig 进行merge操作

exports.testConfig = {
  hot: false,
  hash: true,
  miniJs: false,
  miniCss: false,
  miniImage: false
};