首先,在你的项目根目录下创建一个build文件夹(如果不存在的话)。
在build文件夹中创建一个webpack.extend.js文件,并在其中添加以下代码[^1]:
const path = require('path')
module.exports = {
build: {
extend(config, { isDev, isClient }) {
// 添加自定义的loader规则
config.module.rules.push({
test: /\.html$/,
loader: 'file-loader',
options: {
name: '[name].[ext]',
outputPath: 'apps',
publicPath: '_nuxt/apps'
}
})
}
}
}
在你的nuxt.config.js文件中引入webpack.extend.js文件,并将其添加到extend属性中:
const webpackExtend = require('./build/webpack.extend.js')
export default {
// ...
build: {
extend(config, ctx) {
// 合并自定义的webpack配置
webpackExtend.build.extend(config, ctx)
}
}
}
现在,当你运行npm run build命令时,privacy.html文件将会被打包到dist/apps目录中。