Webpack

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

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 (opens new window) 编译代码，默认支持 TS
• bar (opens new window) 进度条展示
• font (opens new window) 字体文件处理
• image (opens new window) 图片处理
• media (opens new window) 媒体资源处理
• style (opens new window) 样式文件处理
• template (opens new window) 模板文件处理
• vue (opens new window) vue文件处理
  你可以通过上面的例子，深入的了解插件是怎么样工作的。