webpack環境にvueをインストールする方法をご紹介します。
npm install --save-dev vue@2.6.11 vue-template@2.6.11 vue-loader@15.9.0vueとvue-templateのバージョンは合わせるようにする。
webpack.config.jsにvueを読み込む設定を描いていく
const VueLoaderPlugin = require('vue-loader/lib/plugin');pluginを読み込む
plugins: [
new VueLoaderPlugin(),
]rulesにvue-loaderを記述する
rules: [
{
test: /\.vue/,
exclude: /node_modules/,
use: [
{
loader: 'vue-loader',
},
],
},
]
Witten by Masa
情報工学系学部卒のエンジニアです。メインはフロントエンドですが、そのほかにもPython,PHP,GAS,など色んな言語、開発、データ分析、マーケティングなど手広くやってます。