https://github.com/microappjs/plugin-webpack

[Plugin] webpack plugin.
https://github.com/microappjs/plugin-webpack

Last synced: about 2 months ago
JSON representation

[Plugin] webpack plugin.

• Host: GitHub
• URL: https://github.com/microappjs/plugin-webpack
• Owner: MicroAppJS
• License: mit
• Created: 2019-12-09T02:35:17.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2023-04-08T21:22:31.000Z (almost 2 years ago)
• Last Synced: 2024-07-05T22:48:40.911Z (7 months ago)
• Language: JavaScript
• Size: 875 KB
• Stars: 0
• Watchers: 2
• Forks: 1
• Open Issues: 23
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE
  • Codeowners: .github/CODEOWNERS

Awesome Lists containing this project

README

        
# Micro APP Plugin - Webpack

[Plugin] webpack plugin.

基于webpack多入口的多仓库业务模块开发的插件应用框架核心库.

[![Github Actions Coveralls][Github-Actions-Coveralls]][Github-Actions-Coveralls-url]

[![Coverage Status][Coverage-img]][Coverage-url]

[![NPM Version][npm-img]][npm-url]

[![NPM Download][download-img]][download-url]

[Github-Actions-Coveralls]: https://github.com/MicroAppJS/plugin-webpack/workflows/Coveralls/badge.svg

[Github-Actions-Coveralls-url]: https://github.com/MicroAppJS/plugin-webpack

[Coverage-img]: https://coveralls.io/repos/github/MicroAppJS/plugin-webpack/badge.svg?branch=master

[Coverage-url]: https://coveralls.io/github/MicroAppJS/plugin-webpack?branch=master

[npm-img]: https://img.shields.io/npm/v/@micro-app/plugin-webpack.svg?style=flat-square

[npm-url]: https://npmjs.org/package/@micro-app/plugin-webpack

[download-img]: https://img.shields.io/npm/dm/@micro-app/plugin-webpack.svg?style=flat-square

[download-url]: https://npmjs.org/package/@micro-app/plugin-webpack

## Install

```sh

yarn add @micro-app/plugin-webpack

```

or

```sh

npm install -S @micro-app/plugin-webpack

```

## Usage

### 在项目 `根目录` 的 `micro-app.config.js` 文件中配置

```js

module.exports = {

    // ...

    plugins: [ // 自定义插件

        ['@micro-app/plugin-webpack', {

            // 一些插件配置项

            // ReplaceFileNotExists: {

            //     debug: false, // 开启log

            //     warnHint: 'Not Found',

            //     loader: '', // 路径

            //     resource: '', // 路径

            //     test: /^@micros\//i, // 匹配规则

            // },

            // SpeedMeasurePlugin: {

            //     disabled: true,

            // },

            // HappyPack: {

            //     disabled: true,

            // },

        }],

    ],

};

```

### Build

```sh

npx micro-app build

```

or

```sh

npx micro-app-build

```

### 内置部分插件提供的 api 方法补充

可通过如下命令进行动态查看

```js

npx micro-app show methods

```

以提供的方法如下, `System Build-in` 为内置方法

```js

╰─➤  npx micro-app show methods

  Plugin Methods:

     * modifyChainWebpackConfig    ( 合并之后提供 webpack-chain 进行再次修改事件 )

     * onChainWebpcakConfig        ( 修改之后提供 webpack-chain 进行查看事件 )

     * modifyWebpackConfig         ( 合并之后提供 webpack config 进行再次修改事件 )

     * onBuildSuccess              ( 构建成功时事件 )

     * onBuildFail                 ( 构建失败时事件 )

     * beforeBuild                 ( 开始构建前事件 )

     * afterBuild                  ( 构建结束后事件 )

```