vue-cli webpack打包后index.html引入文件没有引号

最新推荐文章于 2024-08-21 17:28:51 发布
最新推荐文章于 2024-08-21 17:28:51 发布
阅读量6.6k 收藏 5
点赞数 1
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/i_coffer/article/details/81005733
版权

在对vue-cli项目打包后出现index.html引入的css和js没有引号 即：

<link href=/css/xxx.css rel=stylesheet>

解决办法：

找到webpack.prod.conf.js，在webpack.prod.conf.js找到minify

把minify中的  removeAttributeQuotes: true改为

 removeAttributeQuotes: false（如果该方法没有用那就把整个minify去掉再试一下）

然后在执行打包命令：npm run build

执行完打包后index.html中的css和js引入时就会有引号

<link href="/css/xxx.css" rel="stylesheet">


咖啡_i
关注
vue项目解决打包后index.html里面的引入文件没有引号问题总结
cabinx的博客
12-10 1413
vue项目解决打包后index.html里面的引入文件没有引号问题总结 1.业务需求： vue项目打包后，index.html里面的引入文件没有引号，导致打包后的项目不能正常运行。 2.解决方案： 在项目找到vue.config.js文件，然后添加如下代码： chainWebpack: config => { config.plugin('html').tap(args => { args[0].minify=false return ar
vscode 中scanf()无法读入中文怎么办?_VS Code中C/CPP的完美配置(完成环境搭建、解决终端自动闪退、解决无法调试)...
weixin_39589693的博客
11-20 930
一、环境搭建下载VS CODE，MinGWVS CODE: https://code.visualstudio.com/MINGW:链接：https://pan.baidu.com/s/1Fw-7-_q4waHgy_UmRKWSqQ 提取码：02i9 安装VS Code、部署MinGW 这里安装VS Code不再赘述，安装到任意目录即可（但不要存在中文！！！） 解压MinGW到任意目录（但不要存...
vue项目打包访问页面路由和静态资源时加前缀
最新发布
weixin_59287025的博客
08-21 378
vue项目打包访问页面路由和静态资源时加前缀
Npm run build 打包之后打开dist的index.html报静态资源路径错误
qq_32741973的博客
04-09 782
解决方法一.修改config下的assetsPublicPath的'/'为'./'，重新npm run build,再打开dist的index.html 解决方法二：安装一个http-server在本地开启一个本地的服务器，assetsPublicPath的'/'不用加. ...
解决vue项目打包后index.html标签属性没有双引号的问题
wjlhanhan的博客
11-01 2602
记录一个vue项目打包时的大坑，因为需要在index.html里加入一些自定义的东西，结果打包后相关属性都没有双引号，最后各种百度谷歌终于解决了，哈哈（我用的vue-cli4） vue-cli4配置和低于4的配置有些不同，4只用一个vue.config.js基本就行了 1.百度上搜索的有些人这么解决的（vue-cli4以下） 找到webpack.prod.conf.js文件，加上removeAttributeQuotes: false; new HtmlWebpackPlugin({ filen
vue cli3生成html,vue-cli3配置webpack,htmlWebpackPlugin
weixin_34280468的博客
06-05 1257
背景项目上线后需要添加到百度搜索引擎，如何添加到百度搜索引擎参照https://jingyan.baidu.com/article/fc07f989c34dbb52ffe519a3.html。重点是需要在html中添加一个meta，于是我就直接添加了复制代码然后问持环开行打进对端架处参触架码我通会法时果题出现了，在百度进行HTML验证的时候，出直分调浏器代，刚求的一学础过功互有解小久宗点差维含数如...
基于Vue-Cli 打包自动生成/抽离相关配置文件的实现方法
10-17
2. **配置自动生成**：利用 Vue CLI 的多环境打包功能，实现配置文件的自动化打包。 3. **研发人员无痛感**：研发团队无需承担额外的打包成本，保持基于 Vue CLI 的开发习惯不变。 **实现步骤** **一、配置自动...
vue-cli中的webpack配置
心暖未晴
10-24 801
https://segmentfault.com/a/1190000008779053 版本号 vue-cli 2.8.1 (终端通过vue -V 可查看) vue 2.2.2 webpack 2.2.1 目录结构 ├── README.md ├── build │   ├── build.js │   ├── check-versions.js │   ├──
运行命令：npm run build--test  ，如果index.html 生成的src 路径没有“./”
qiandeqiande的专栏
08-17 1628
Vuebuild 运行命令：npm run build--test ，如果index.html生成的src路径没有“./”，修改“webpack.base.conf.js”文件中的参数“publicPath” 原始代码，只是判断是否为生产环境，如果是运行test还是会获取到“config.dev.assetsPublicPath”路径 解决方案： publicPath:process.env.NODE_ENV==='development' ?config...
关于VUE打包后index.html文件中的静态资源路径配置
热门推荐
Angela
09-20 1万+
问题： vue 使用 npm 命令：npm run build 打包后生成dist文件夹，其中的index.html文件引用的静态资源：css文件和js文件没有引号，如图： 解决： 修改配置文件：build文件夹下的webpack.prod.conf.js文件，将removeAttributeQuotes: true修改为false, removeAttributeQuotes: false 如...
VUE 项目打包后好index.html中没有引号问题
weixin_45243540的博客
10-23 972
VUE 项目打包后好index.html中没有引号问题 找到webpack.prod.conf.js文件，加上removeAttributeQuotes: false new HtmlWebpackPlugin({ filename: process.env.NODE_ENV === 'testing' ? 'index.html' : config....
vue打包之后遇到的双引号消失的问题
岁月如歌去，十年弹指间
03-16 2800
vue打包之后遇到的双引号消失的问题 打包之后html中css路径的双引号都没有了，但是想让他出来怎么办么？ 默认的时候 removeAttributeQuotes:true;//改为false即可 ...
index.html引入的css和js没有引号
weixin_40918145的博客
09-26 906
vue build项目部署到线上之后，index.html文件一直报如下错误，仔细看后发现，是由于文件引入资源的时候，很多需要有引号的地方没有了，原来是打包出了问题 在对vue-cli项目打包后出现index.html引入的css和js没有引号 即： &lt;link href=/css/xxx.css rel=stylesheet&gt; 解决办法： 找到webpack.prod.c...
Vue CLI配置指南（2）HTML 和静态资源
悦涵仙子的技术笔记本
08-26 890
HTML Index 文件 public/index.html 文件是一个会被 html-webpack-plugin 处理的模板。 在构建过程中，资源链接会被自动注入。 另外，Vue CLI 也会自动注入 resource hint (preload/prefetch、manifest 和图标链接 (当用到 PWA 插件时) 以及构建过程中处理的 JavaScript 和 CSS 文件的资源链接。 Preload <link rel=“preload”> 是一种 resource hint，用
vue在build之后生成的index.html多次重复载入样式表和js文件的问题
aithena的博客
03-14 5245
创建一个基于 webpack 模板的新项目（2019.03.14 测试） 1、进入文件目录，然后调起命令行工具，输入： #wwwroot 为自定义项目名 $ vue init webpack wwwroot 2、运行命令后，会让用户输入几个基本选项： ? Project name wwwroot // 项目名称 ? Project description a vue.js proj...
vue-cli webpack 打包后 index.html文件 引用缺少引号
superKM的博客
12-06 2548
webpack 打包后 打开index.html文件 发现引用文件的引号都被过滤了 &lt;script type=text/javascript src=./static/js/js/app.js&gt;&lt;/script&gt; 因此，需要在webpack.prod.conf.js 找到minify参数 讲 removeAttributeQuotes: true 改为  remov...
vue-cli3.0 执行打包指令npm run build后如何本地直接访问index.html
sinat_40697723的博客
05-01 1万+
1：在最外层目录下创建一个vue.config.js文件； 2. 在vue.config.js中输入如下代码： module.exports = { publicPath: './' } 3. 保存后执行npm run build以后会出现一个dist目录，点击里面的index.html文件即可直接访问本次项目，而不需要执行npm run serve。 注意： 不配置vue.co...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值