@nioh/pack

@@nioh/pack

基础 webpack 依赖包

Install

$ npm install -D @@nioh/pack

Usage

const {client, helper} = require('@@nioh/pack')

helper
  .set('baseDir', __dirname)        // 必填
  .set('preset', 'vue')             // 可选，支持 vue, react, 将不同的处理
  .set('patch', (rules, plugins) => {
    // 修改默认 loader 和 plugin，可选
    console.log(rules, plugins)
    // 举例：修改默认配置中 babel-loader 的 presets 和 plugins
    rules.babel.use.options.presets.push('@babel/preset-react')
  })

// 可选，仅针对基于 @nioh/core 项目，配置在Koa项目中入口
helper.set('entryInKoa', ['client'])

module.exports = client

管理输入输出

• 基于@nioh/core 项目，使用 helper.set 配置 entryInKoa，将自动设置输入输出

helper.set('entryInKoa', ['client'])

• 独立项目，需要用 helper.merge 配置 entry 和 output, 使用绝对路径

const config = helper.merge(client, {
  entry: {
    client: helper.resolve(__dirname, 'client.js')
  },
  output: {
    path: helper.resolve(__dirname, 'dist'),
    publicPath: '/runtime/'
  }
})

API

helper.set: 设置基础配置，baseDir，preset，patch，entryInKoa

helper.resolve: path.resolve

helper.merge: webpack-merge

默认支持目录结构

project
|———— components
|———— app.js
|———— webpack.config.js