「vue」和「webpack」碰出的火花
一、開發環境 整合開發環境：Visual Studio 2019 二、專案架構 圖、Visual Studio 2019 專案架構 圖、資料夾 三、Vue 安裝 圖、開啟 命令提攜字元 > 切換到 專案資料夾 > 輸入 指令 yarn add vue 四、操作步驟 圖、修改 main.js 原始碼 const path = require ( 'path' ); const glob = require ( 'glob' ); let files = glob.sync( "./Src/Js/**/*.js" ); let exps = []; for ( let ind in files) { let fname = path.basename(files[ind]); let folder = path.dirname(files[ind]).replace( './Src/Js' , './Content/Target/Js' ); exps.push( { entry: files[ind], output: { filename: fname, path: path.resolve(folder), }, resolve: { alias: { 'vue$' : 'vue/dist/vue.esm.js' } } }, ) } module .exports = exps; 圖、新增 test.js 原始碼 import Vue from 'vue' new Vue({ el: '#app' , data: { count: 'Test...