chainwebpack怎么配置
时间: 2024-06-08 16:09:34 浏览: 11
chainwebpack 是一个基于 webpack-chain 的配置工具,可以让我们更方便地配置 webpack。
下面是一个简单的 chainwebpack 配置示例:
```js
const { ChainWebpack } = require('chainwebpack');
module.exports = new ChainWebpack()
.entry('app')
.add('./src/index.js')
.end()
.output
.path(__dirname + '/dist')
.filename('[name].bundle.js')
.end()
.module
.rule('js')
.test(/\.js$/)
.exclude
.add(/node_modules/)
.end()
.use('babel')
.loader('babel-loader')
.options({
presets: ['@babel/preset-env']
})
.end()
.end()
.end()
.end();
```
这个配置文件定义了一个入口文件(`src/index.js`)和一个输出文件(`dist/app.bundle.js`),并使用了 Babel 来处理 JavaScript 文件。
更多关于 chainwebpack 的用法可以查看官方文档:https://github.com/neutrinojs/webpack-chain。