单页vue项目变多页实际操作
项目实战演练
根据公司要求本身是spa项目,需要延伸多页。由此写下本文以做备用。个人使用比较顺畅,不保证别人用也可以行得通,试试啦。纯粹个人笔记记录
项目/build webpack.base.conf.js文件
在module.exports中
原先:
entry: {
app:["babel-polyfill","./src/main.js"]
},
之后:
entry: {
homepage:['babel-polyfill', './src/homepage.js'],
lesson: ['babel-polyfill','./src/lesson.js'],
},
把新建单页的js,引进去
项目/build webpack.dev.conf.js文件
原先:
在devWebpackConfig这个对象的devServer的historyApiFallback
rewrites: [
{
from: /.*/, to: path.posix.join(config.dev.assetsPublicPath, 'index.html') }
],
之后:
rewrites: [
{
from