vuejs 多页面框架

来源:互联网 发布:条形码打印机软件 编辑:程序博客网 时间:2024/05/20 15:58

记录一下自己搭起多页面的框架
先看一下我的文件结构
这里写图片描述
现在做了首页和用户管理页面
每个页面的配置包括 .vue + .js + .html

具体内容就不说了
主要的配置是在webpack.config.js里面

module.exports = {  entry: {    index:'./src/main.js',    user:'./src/User.js'  },  output: {    path: path.resolve(__dirname, './dist'),    publicPath: '/dist/',    filename: '[name].build.js'  },

如上图所示 在入口里配置不同的页面js 对应一个name
然后在出口调用的时候 调用相关name的build.js

例如 index.html 文件中
就这样调用

<script src="/dist/index.build.js"></script>
0 0
原创粉丝点击