Vue CLI 使用網頁包

關於使用 webpack 的配置，我們可以從以下幾個方面來進行了解與認識：

簡單配置

調整webpack配置的最簡單方法是爲 configureWebpack 選項提供對象vue.config.js：

module.exports = {
	configureWebpack: {
		plugins: [
			new MyAwesomeWebpackPlugin()
		]
	}
}

修改加載程序的選項

添加一個新的加載器

檢測項目的webpack配置

輸出重定向到配置好的文件中便於檢查：

vue inspect > output.js

通過指定路徑檢查配置子集：

vue inspect module.rule.0

以命名規則或插件爲目標：

vue inspect --rule vue
vue inspect --plugin html

列出所有命名的規則和插件：

vue inspect --rules
vue inspect --plugins

將解析的配置用作文件，使用以下路徑

<projectRoot>/node_modules/@vue/cli-service/webpack.config.js

文件可以動態解析並導出 vue-cli-service 命令中使用的完全相同的webpack配置，包括來自插件甚至自定義配置的配置。