个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
24
4
每当我运行npm run build它用我的应用程序生成一个 dist 文件夹一切都很好但是..
我的问题:
当我打开我的 index.html有<!DOCTYPE>, <head>, <body>标签，但就我而言，我只需要 <div id="app">使用 CSS 和 JS 文件。
问题:
是否可以像我的情况那样删除不需要生成的标签 <!DOCTYPE>, <body>, <head> ？
每当我运行 npm run build当我打开 index.html 时它应该是这样的:
<link href=/testing/path/css/app.6878f4f8.css rel=preload as=style>
<link href=/testing/path/js/app.457dc9d3.js rel=preload as=script>
<link href=/testing/path/js/chunk-vendors.a0cfb1f1.js rel=preload as=script>
<link href=/testing/path/css/app.6878f4f8.css rel=stylesheet>
<div id=app>
</div>
<script src=/testing/path/js/chunk-vendors.a0cfb1f1.js></script>
<script src=/testing/path/js/app.457dc9d3.js></script>
否则我需要打开文件并手动删除它
最佳答案
Vue CLI 生成的项目使用 public/index.html作为模板，其中包含您希望避免的标题和标签。 Vue 唯一需要的元素是 <div id="app"></div> , 所以你可以从 public/index.html 中删除除此之外的所有内容.
请注意 preload , prefetch , 和 CSS 插件(默认启用)将插入一个 <head> .您可以禁用 preload和 prefetch具有此配置的插件:
// vue.config.js
module.exports = {
chainWebpack: config => {
config.plugins.delete('prefetch')
config.plugins.delete('preload')
}
}
最终输出类似于:
<head><link href=/css/app.e2713bb0.css rel=stylesheet></head>
<div id=app></div>
<script src=/js/chunk-vendors.327f60f7.js></script>
<script src=/js/app.fb8740dd.js></script>
关于javascript - Vue CLI "index.html"内容，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/59812667/
24
4
0
我在全局范围内安装了最新的 angular-cli，并且我的项目正在成功构建。 在阅读另一个问题的建议解决方案时，(https://github.com/angular/angular-cli/iss
根据official docs关于 .angular-cli.json 配置文件，仅支持 main、test、polyfills 作为 webpack 入口文件。 如何通过定义 .angular-cl
我想在s3存储桶中搜索文件名abc.zip，并且有将近60个存储桶，每个存储桶都有2到3个级别的子目录或文件夹。我尝试使用AWS CLI命令执行搜索，以下是我尝试过的命令，但即使文件存在于存储桶中，也
我正在尝试在 C++/CLI 中查找赋值运算符和复制构造函数的示例。我在 Google 上花了很多时间，但令人惊讶的是我找不到一个看起来很常见的例子。 最佳答案 .NET 语义没有复制构造函数或赋值运
我需要获取另一个窗口的句柄。 这是它的代码: private: System::Void btn_find_Click(System::Object^ sender, System::EventAr
有点好奇实际上有多少人使用 C++/CLI？那么有多少人在使用它呢？人们是否只在托管环境下寻找程序员的特定工作？围绕 c++/cli 的社区有多大？从我目前看到的情况来看，有不少语法变化，作为 C++
我正在阅读一些 C++/CLI Material ，并且遇到了文字字段的概念: literal int inchesPerFoot = 12; 这是否比 const 更可取，因为 const FIEL
通过 npm install -g angular-cli@latest 安装 Angular CLI (angular-cli@1.0.0-beta.16) 失败，出现以下错误 npm-debug.
我正在尝试在我的 Ember CLI 应用程序中配置适配器以根据环境使用不同的主机。在开发中，我希望它是默认的当前主机(让我通过 --proxy 选项自定义它，但在生产中我知道它将是 http://s
我最近开始使用 Angular/CLI 工具，我在执行文件时遇到了一个问题，那就是我运行时 ng serve 那么这个命令可以帮助我们在源文件中进行任何更改时自动重新加载站点，但在我的系统中它没有发生
是否有推荐的方法通过 c++ cli 包装 native c++ 库？ 最佳答案 不确定是否一种尺寸适合所有人，但是，是的，这很大程度上是一个机械过程。您的 ref 类包装器应该声明一个私有(priv
我有一个关于为要在 C# 中使用的 native C++ 类创建 C++ CLI 包装器的问题。 这是一个示例代码: #include "stdafx.h" #pragma once using na
下面的代码打印 0 和 3。这是代码生成错误吗？我在 .NET 4.0 下使用 Visual Studio 2012 Update 3 RC 运行它 #include "stdafx.h" using
它是如何工作的？它是否有不同的部分 - 有些方法是托管的，有些是非托管的，它是否将每个方法都转换为托管的，试图保持所有东西都处于托管状态并在必须时进行互操作调用？ 最佳答案 三种不同的compiler
如果我没记错的话，函数必须是 CLR 世界中类的成员，而全局函数在 C++/CLI 中是可能的。这是否意味着这些全局函数是某种隐藏的“全局”类的一部分？如果是这样，出于反射目的，人们将如何获取其类型？
如何在 Angular 中重建我的项目。我首先使用 ng build 构建它，但无法再次执行该命令，因为它不会让我更改文件夹。 我收到此错误消息: EPERM:不允许操作，lstat 是否有另一个命令
我遇到了两个相互引用的类的问题。我曾尝试使用接口(interface)来解决问题，但遇到了其他问题，例如类重新定义。我只是不确定如何正确执行此操作。 这是我正在做的事情的一个例子。注意:我已经去掉了所
我是 React.js 的新手，我正在尝试从 tutorialspoint 上的教程中学习但我遇到了错误。这是我执行 npm start 命令时控制台上的错误: C:\Users\HP\Desktop
我正在尝试将我的 angular cli 和 angular core 从 12 升级到 13，但看起来存在对等依赖性问题。有人遇到过这个问题吗？ npx @angular/cli@13 update
我正在我的 ubuntu 上安装 influxdb_2.0.9，我按照这里的说明操作: https://docs.influxdata.com/influxdb/v2.0/install/?t=Lin
我是一名优秀的程序员,十分优秀！