在Vue中，你可以使用npm的webpack和vue-router来打包SPA，并将它们放在子目录中。如果你想要显示空白页面，你可以使用{ blanc}或者{ white}这两个CSS属性来设置你的白色背景。

以下是一个简单的例子：

1. 首先，你需要安装webpack和vue-router。你可以使用以下命令来安装：

npm install webpack vue-router

1. 创建一个webpack.config.js文件，然后在其中添加以下代码：

javascript module.exports = { entry: './src/main.js', output: { filename: 'bundle.js', path: path.resolve(__dirname, 'dist'), }, module: { rules: [ { test: /\.vue$/, use: 'vue-loader', }, ], }, resolve: { extensions: ['.js', '.vue', '.json', '.vue-resource'], }, devServer: { hot: true, }, stats: { colors: true, }, };

这里，我们使用vue-loader来处理我们的JavaScript代码。

1. 创建一个src/main.js文件，然后在其中添加以下代码：

```javascript import Vue from 'vue'; import App from './App.vue';

new Vue({ render: h => h(App), }).$mount('#app'); ```

这里，我们创建了一个Vue实例，并将其渲染到一个元素中。

1. 在dist目录中，你可以看到一个名为bundle.js的文件。这个文件包含了你的SPA的所有代码。

2. 现在，如果你在浏览器中打开http://localhost:3000，你应该能看到一个空白的页面。

如果你想要设置你的白色背景，你可以使用{ blanc}或{ white}这两个CSS属性。例如，你可以将它们添加到你的index.html文件中：

```html

```

在这个例子中，我们使用{ blanc}和{ white}来设置两个白色背景。