Webpack
Webpack 打包工具是由 @vuepress/bundler-webpack 包提供的。它是 vuepress-webpack 包的依赖之一，当然你也可以单独安装它：
npm i -D @vuepress/bundler-webpack@next
配置项
Webpack 打包工具的配置项：
js
const { webpackBundler } = require('@vuepress/bundler-webpack')
module.exports = {
bundler: webpackBundler({
postcss: {},
vue: {},
}),
}
ts
import { webpackBundler } from '@vuepress/bundler-webpack'
import { defineUserConfig } from '@vuepress/cli'
export default defineUserConfig({
bundler: webpackBundler({
postcss: {},
vue: {},
}),
})
configureWebpack
类型：
(config: WebpackConfiguration, isServer: boolean, isBuild: boolean) => WebpackConfiguration | void详情：
用于修改内部的 Webpack 配置。
该配置项接收一个函数，该函数的第一个参数是 Webpack 配置对象，第二个参数是
isServer标志位，第三个参数是isBuild标志位。
chainWebpack
类型：
(config: WebpackChainConfig, isServer: boolean, isBuild: boolean) => void详情：
通过 webpack-chain 来修改内部的 Webpack 配置。
该配置项接收一个函数，该函数的第一个参数是由
webpack-chain提供的Config实例，第二个参数是isServer标志位，第三个参数是isBuild标志位。
devServerSetupMiddlewares
类型：
(middlewares: Middleware[], devServer: Server) => Middleware[]详情：
在 Webpack 的
devServer.setupMiddlewares中调用的 Hook 。函数的参数即是
devServer.setupMiddlewares的参数。参考：
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 ，带来更快的构建速度和更小的文件体积。
若有收获，就点个赞吧
0 人点赞
