Webpack
Webpack 打包工具是由 @vuepress/bundler-webpack在新窗口打开 包提供的。它是 vuepress在新窗口打开 包的依赖之一，当然你也可以单独安装它：
npm i -D @vuepress/bundler-webpack@next
配置项
Webpack 打包工具配置的参考文档，可以通过 bundlerConfig 来设置这些配置。
module.exports = {
// 在使用 vuepress 包的时候，你可以忽略这个字段，因为 Webpack 是默认打包工具
bundler: '@vuepress/bundler-webpack',
// Webpack 打包工具的配置项
bundlerConfig: {
// 查看下方
},
}
2
3
4
5
6
7
8
import type { WebpackBundlerOptions } from '@vuepress/bundler-webpack'
import { defineUserConfig } from '@vuepress/cli'
import type { DefaultThemeOptions } from '@vuepress/theme-default'
export default defineUserConfig<DefaultThemeOptions, WebpackBundlerOptions>({
// 在使用 vuepress 包的时候，你可以忽略这个字段，因为 Webpack 是默认打包工具
bundler: '@vuepress/bundler-webpack',
// Webpack 打包工具的配置项
bundlerConfig: {
// 查看下方
},
})
2
3
4
5
6
7
8
9
10
11
12
configureWebpack
类型：
(config: WebpackConfiguration, isServer: boolean, isBuild: boolean) => WebpackConfiguration详情：
用于修改内部的 Webpack 配置。
该配置项接收一个函数，该函数的第一个参数是 Webpack 配置对象，第二个参数是
isServer标志位，第三个参数是isBuild标志位。
chainWebpack
类型：
(config: WebpackChainConfig, isServer: boolean, isBuild: boolean) => void详情：
通过 webpack-chain在新窗口打开 来修改内部的 Webpack 配置。
该配置项接收一个函数，该函数的第一个参数是由
webpack-chain提供的Config实例，第二个参数是isServer标志位，第三个参数是isBuild标志位。
beforeDevServer
类型：
(server: WebpackDevServer) => void详情：
在 Webpack 的
devServer.before中调用的 Hook 。函数的参数是
devServer.before的前两个参数。参考：
afterDevServer
类型：
(server: WebpackDevServer) => void详情：
在 Webpack 的
devServer.after中调用的 Hook 。函数的参数是
devServer.after的前两个参数。参考：
vue
类型：
VueLoaderOptions详情：
vue-loader的配置项。参考：
postcss
类型：
PostcssLoaderOptions详情：
postcss-loader的配置项。参考：
stylus
类型：
StylusLoaderOptions详情：
stylus-loader的配置项。参考：
scss
类型：
SassLoaderOptions详情：
针对
.scss文件的sass-loader的配置项。参考：
sass
类型：
SassLoaderOptions详情：
针对
.sass文件的sass-loader的配置项。参考：
less
类型：
LessLoaderOptions详情：
less-loader的配置项。参考：
evergreen
类型：
boolean默认值：
true详情：
如果你的对象只有那些 “常青树” 浏览器，你可以将其设置成
true。这将会禁用一些转译过程和 Polyfills ，带来更快的构建速度和更小的文件体积。