以前一直覺得webpack難搞，也想著自己能不使用cli搭乙個vue的專案，在入門webpack後成功開啟過乙個html頁面，但對於vue專案搭建還是一臉懵，今天終於配成功了，總結一下
先記錄一下所需要的依賴和對應版本（講真webpack乙個版本乙個樣，各依賴不對應都沒法用的）
大概建立的檔案有
接下來正式進入正題：
1. npm init 建立package.json檔案
2. npm install ... 安裝相關的依賴
webpack vue 這個應該不用多說
css-loader style-loader webpack識別css**
vue-loader vue-template-compiler webpack識別vue** （沒有這個就和webpack打包普通的html步驟一樣了）
html-webpack-plugin 生成html檔案的模板
webpack-dev-server 本地伺服器執行**用的
webpack-cli webpack必需的依賴，不裝報錯（實際沒用上）
}4. 建立webpack.config.js檔案，配置出入口
const path = require('path')
const vueloaderplugin = require('vue-loader/lib/plugin')
const htmlwebpackplugin = require('html-webpack-plugin')
const config =,
//上面是打包js用的，下面是解析其他檔案用的
module: , //
解析css檔案]},
plugins: [
new htmlwebpackplugin(),
new vueloaderplugin() //
配合vue-loader解析vue檔案]}
module.exports = config
newvue()
6. package.json在script中新增命令
"scripts": ,npm run build 對應上面那個build 執行webpack進行打包
npm run dev 對應上面dev，執行本地伺服器執行專案（在之前版本執行命令是：webpack-dev-server --config webpack.config.js）
然後執行就可以了... ...
不使用腳手架的 vue 應用
開發乙個 parcel vue 腳手架工具,工作中的專案不止有頁面繁多的模組化專案，還會只有一兩個頁面的類似於填寫資訊參與活動的活動頁。這個時候，就可以回歸以前的三劍客模式，在 index.html 裡引用 vue.js 進行開發。引入 babel polyfill 以轉換 es6 的 需要作為第乙...
不使用腳手架的 vue 應用
工作中的專案不止有頁面繁多的模組化專案，還會只有一兩個頁面的類似於填寫資訊參與活動的活動頁。這個時候，就可以回歸以前的三劍客模式，在 index.html 裡引用 vue.js 進行開發。引入 babel polyfill 以轉換 es6 的 需要作為第乙個引入的 script 指令碼可以拆分公共元...
不使用腳手架的 vue 應用
工作中的專案不止有頁面繁多的模組化專案，還會只有一兩個頁面的類似於填寫資訊參與活動的活動頁。這個時候，就可以回歸以前的三劍客模式，在 index.html 裡引用 vue.js 進行開發。引入 babel polyfill 以轉換 es6 的 需要作為第乙個引入的 script 指令碼可以拆分公共元...