vue-cli 配置多页面应用

最新推荐文章于 2024-08-22 09:43:17 发布

solovolf

最新推荐文章于 2024-08-22 09:43:17 发布

阅读量1.9k

点赞数

文章标签： vuejs

本文链接：https://blog.csdn.net/solovolf/article/details/53066402

版权

本教程详细介绍了如何使用vue-cli的webpack模板搭建并配置多页面应用。主要内容包括在utils.js中添加配置，修改webpack.base.conf.js的入口，移除webpack.dev.conf.js和webpack.prod.conf.js中的HtmlWebpackPlugin，并解决配置过程中遇到的路径问题，如index.js中引用组件需写全后缀，html中图片资源路径调整，以及config/index.js中build属性的assetsPublicPath配置。推荐使用yarn进行安装，且已在mac环境下测试成功。

摘要由CSDN通过智能技术生成

本文教程根据这里改编并且完善，gitbub地址在这里。

使用vuecli的webpack模版搭建完成后

教程内容：

utils.js 添加以下内容

//glob模块，用于读取webpack入口目录文件
var glob = require('glob');

//export获得入口方法
 exports.getEntries = function (globPath) {
    var entries = {}
    /**
    * 读取src目录,并进行路径裁剪
    */
    glob.sync(globPath).forEach(function (entry) {
    /**
    * path.basename 提取出用 ‘/' 隔开的path的最后一部分，除第一个参数外其余是需要过滤的字符串
    * path.extname 获取文