何を作るかではなくて、どう作るかに関して。

Spring Boot のPJ の根っこで

$ ndenv local v11.1.0
$ ndenv rehash

ndenv に関しては Node.js/ndenv 参照

package.json を生成する

$npm init

npm に関しては Node.js/npm 参照

npm でローカルに入れる

$ npm install --save-dev webpack webpack-cli
$ npx webpack -v
4.25.1
$ npx webpack-cli -v
3.1.2

save-dev をつけていたので package.json に追記されている

{
  "name": "unko_vue",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "directories": {
    "lib": "lib"
  },
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "unko",
  "devDependencies": {
    "webpack": "^4.25.1",
    "webpack-cli": "^3.1.2"
  }
}

$ npm install --save-dev \
vue-loader \
vue-style-loader \
vue-html-loader \
vue-template-compiler \
file-loader \
style-loader \
url-loader \
css-loader \
extract-text-webpack-plugin \
babel-core \
babel-preset-es2015 \
babel-loader

vue は開発時ではなく実行時に必要なので save オプションで入れる

$ npm install --save vue