vue-cli2.9.1版本為什么不用express了？這樣做的好處是什么？

vue-cli 2.9.1 build目錄結構
圖片描述

webpack.dev.conf.js文件

module.exports = new Promise((resolve, reject) => {
portfinder.basePort = process.env.PORT || config.dev.port
portfinder.getPort((err, port) => {
if (err) {
  reject(err)
} else {
  // publish the new Port, necessary for e2e tests
  process.env.PORT = port
  // add port to devServer config
  devWebpackConfig.devServer.port = port

  // Add FriendlyErrorsPlugin
  devWebpackConfig.plugins.push(new FriendlyErrorsPlugin({
    compilationSuccessInfo: {
      messages: [`Your application is running here: http://${config.dev.host}:${port}`],
    },
    onErrors: config.dev.notifyOnErrors
    ? utils.createNotifierCallback()
    : undefined
  }))

  resolve(devWebpackConfig)
}

})
})

回答

編輯回答

陪我終

vue+webpack項目中使用dev-server搭建虛擬服務器，請求json文件數(shù)據(jù)，實現(xiàn)前后臺分離開發(fā)
一般要在build/dev-server.js文件中
在var app = express()這個實例的下面添加如下代碼
// 本地json-server服務器搭建代碼
// 引入數(shù)據(jù)庫文件
var appData = require('../mock.json')
// 引入數(shù)據(jù)庫
var getBoardList = appData.getBoardList
var apiRoutes = express.Router()
// 使用api的方法來創(chuàng)建連接時候的請求
apiRoutes.post('/getBoardList', function (req, res) {
res.json({

errno: 0 ,
data: getBoardList

});
})
// 調(diào)用api
app.use('/api', apiRoutes)

那現(xiàn)在應該如何修改？或者要參考哪些文檔？webpack自身文檔并沒有詳細說明。

2017年4月19日 13:46

編輯回答

傻叼

參考webpack-dev-serverwebpack-dev-server官方文檔
devServer.before 的回調(diào)函數(shù)是自定義mock數(shù)據(jù)的切入點

2017年9月23日 09:03

編輯回答

櫻花霓

只不過是改了WEBPACK DEV SERVER
還是基于express的

===========分割線
樓主可以這么理解
vue本身提供的 dev-server.js 是一個基于express的開發(fā)服務器，
但是webpack官方也提供了一個，實現(xiàn)的更好更通用，所以，vue就放棄了de-server.js，改用webpack提供的

這是webpack-dev-server 的源碼，你可看到，它也是基于express的
https://github.com/webpack/we...

2017年1月6日 22:36

編輯回答

悶騷型

在webpack.dev.conf.js中配置了devServer項,然后在package.json 中 "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",即可啟動服務
可以參考webpack3的中文網(wǎng) https://doc.webpack-china.org...

2018年1月5日 12:53