UmiJS介绍--webpack配置(七)

本文详细介绍了UmiJS中与Webpack配置相关的各项功能,包括chainWebpack、theme、define、externals等,帮助开发者更好地理解和定制Webpack配置,以优化项目构建。
摘要由CSDN通过智能技术生成

1.chainWebpack

通过 webpack-chain 的 API 扩展或修改 webpack 配置。

chainWebpack(config, { webpack }) {
  // 设置 alias
  config.resolve.alias.set('a', 'path/to/a');
  
  // 删除进度条插件
  config.plugins.delete('progress');
}

2.theme

配置主题,实际上是配 less 变量。支持对象和字符串两种类型,字符串需要指向一个返回配置的文件。

"theme": {
  "@primary-color": "#1DA57A"
}
||
"theme": "./theme-config.js"

3.define

通过 webpack 的 DefinePlugin 传递给代码,值会自动做 JSON.stringify 处理。 比如:

4.externals

配置 webpack 的externals属性。 比如:

// 配置 react 和 react-dom 不打入代码
"externals": {
  "react": "
评论 7
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值