Я новичок в webpack и хочу использовать html-crit-webpack-plugin в моем файле vue.config.js, который создан vue-cli3.Но я получаю эту ошибку при использовании const path = require ('path') в моем файле vue.config.js.Я не вижу файла webpack.config.js в моей корневой папке.Как заставить это работать в файле vue.config.js?
const path = require('path')
const HtmlCriticalPlugin = require("html-critical-webpack-plugin");
const VuetifyLoaderPlugin = require('vuetify-loader/lib/plugin')
module.exports = {
configureWebpack: {
optimization: {
splitChunks: {
chunks: 'all',
},
},
plugins: [
new VuetifyLoaderPlugin(),
new HtmlCriticalPlugin({
base: path.join(path.resolve(__dirname), 'dist/'),
src: 'index.html',
dest: 'index.html',
inline: true,
minify: true,
extract: true,
width: 375,
height: 565,
penthouse: {
blockJSRequests: false,
}
})
]
},
devServer: {
disableHostCheck: true,
},
lintOnSave: false,
pwa: {
// configure the workbox plugin
workboxPluginMode: 'InjectManifest',
workboxOptions: {
// swSrc is required in InjectManifest mode.
swSrc: 'src/service-worker.js'
}
}
}