当前位置： 首页 > 资讯

如何通过 Vue CLI 模板引入公共模板？

发布日期： 2024-10-29 阅读量： 作者： 网络

如何通过 Vue CLI 模板引入公共模板？

vue cli 模板中引入公共模板

在 Vue CLI 构建的项目中，为提高代码的可维护性，希望在页面中引入外部文件包含的 HTML，以实现公共代码的提取。具体配置方法如下：

在项目根目录的 vue.config.js 文件中，添加以下配置：

const fs = require('fs')
const header = fs.readFileSync('./public/header.html').toString()

module.exports = {
    runtimeCompiler: true,
    css: {
        loaderOptions: {
            less: {
                lessOptions: {
                    javascriptEnabled: true
                }
            }
        }
    },
    chainWebpack: config => {
        config.plugin('html').tap(args => {
            args[0].header = header

            return args
        })
    }
}

# css # vue # ai

相关文章：做cpa赚钱项目的时候，如何引流才能达到更好的转化？淘宝推广链接怎么赚钱?方法是什么？怎么推广？怎么通过问卷调查赚钱？怎样才能真的赚到钱？怎么样才能高效的操作CPA项目赚钱呢？你不妨可以这样做！九秀直播，逐渐成为实现草根梦想的优秀舞台！小红书引流该如何做？10个小红书快速引流方式介绍！ cpa赚钱之如何推广粉象生活赚佣金？ cpa引流se粉的绝密方法分享，不看绝对后悔！ app推广如何做才有效果？这9大推广渠道必须掌握！社交app如何做推广？目前主流的APP推广渠道分享! 新手怎么在家做网络淘金赚钱？网站推广专家推荐外链投票和用户投票的提高网站权重法知+是什么?如何通过知+引流吸粉？橡塑化工网络营销推广,橡塑化工免费信息发布【cpa联盟基础】制作cpa静默包推广赚钱是什么意思？品牌推广需要哪些技术支持？怎么推广自己的淘宝店铺增加店铺流量？网上接单赚钱怎么做？这3个平台非常靠谱且收益不错！网站推广公司分析网站权重的提升之道想通过广告联盟作弊快速赚钱？最终只能因为贪心而反噬自身！如何利用抖音来引流大量男粉、女粉、WZ粉变现赚钱？我来告诉你！推广棋牌类app违法吗？这些问题需要注意！站长必看:四个关键因素影响网站生死！ 2021年4个下班后在家就能做的网上赚钱副业，赶紧行动起来！淘宝店铺推广方法大全，有哪些推广方法？广告联盟是什么？主要有这三大分类！企业网络推广该怎么做？首先需要做好这四点！微博推广引流怎么做？这14种非常实用有效的微博推广方法必须掌握！ app引流如何做？app引流推广最常见的四大引流推广方法掌握了这6种免费的主流网络推广方法，引流获客不再是问题！

相关栏目：【 SEO优化45326 】【技术教程24582 】【 IDC资讯40819 】【网络快讯2461 】【 SEO推广2306 】

上一篇: PHP 函数中递归调用的堆栈溢出风险

下一篇: C++ 函数的陷阱：如何实现线程安全的函数

4007654355
915688610@qq.com
深圳市南山区粤海街道高新区社区高新南七道011号高新工业村T3栋

APP开发

小程序开发

物联网开发

系统开发