# Webpack

如果你想去修改 webpack 的配置,只能通过插件的形式进行修改,只提供了webpack-chain来操作 webpack 的配置

import { SSR, Plugin } from '@fmfe/genesis-core';

class MyPlugin extends Plugin {
    /**
     * 修改webpack的配置
     */
    public chainWebpack(config: Genesis.WebpackHookParams) {}
}

const ssr = new SSR();
// 添加一个插件
ssr.plugin.use(new MyPlugin(ssr));

注意

在生产环境中,你不需要使用 webpack 相关的插件,所以你只需要在 dev 环境 和 build 阶段使用这个插件。

# 官方内置的 webpack 插件

  • babel 编译代码,默认支持 TS
  • bar 进度条展示
  • font 字体文件处理
  • image 图片处理
  • media 媒体资源处理
  • style 样式文件处理
  • template 模板文件处理
  • vue vue文件处理
    你可以通过上面的例子,深入的了解插件是怎么样工作的。