问题标签 [vue-cli-4]

我只是使用命令行 ( CLI) 来初始化一个 Vue.js 项目。CLI创建了一个和src/components文件src/views夹。

自从我使用 Vue 项目以来已经有几个月了，文件夹结构对我来说似乎是新的。

生成的 Vue 项目中的views和文件夹有什么区别？componentsvue-cli

因此，当我使用 Vue-cli 3.XI 时，使用类似于This Thread的方法来全局加载我的许多样式文件。

但是，我已经升级到 Vue-cli 4.X，从那以后就无法使用这种技术了。我只是得到这个错误：

本质上，主屏幕之外的任何东西（例如组件）都不会在我的“_variables.scss”中抓取任何东西。（即使我将它们全部导入一个文件并使用它）

有什么建议么？

（快速更新）我正在使用 node-sass，我的配置看起来像这样；

我希望生产代码不被dist/缩小@vue/cli 4.1.2

1、先试套装vue.config.js

然后其他部分正常，但内联脚本仍然被缩小。

2、第二次尝试

使用开发模式vue-cli-service build --mode development

但代码格式是eval(...)

我用 Vue CLI 4.1.2 创建了一个项目，在里面router/index.js，我发现：

项目根目录中没有.env文件。那么是什么process.env.BASE_URL意思呢？BASE_URL值设置在哪里？

通常，Vue CLIvue.config.js将.js和.css资产放在/dist/[css|js]/. 但是，我想要根文件夹中的.jsand文件。.cssdist

我可以.js使用以下配置获取根文件夹中的文件：

我该如何处理该.css文件？

我正在学习 vuejs，我正在使用它的最新版本，比如 vue/cli 4.xx 版，现在我想执行一个任务，比如：

1. 我需要使用 vue/cli 4.xx 版创建一个简单的标头，它将在标头变量中使用一个数组作为道具。

2. 现在，我想通过 npm 发布它。

   3. 接下来，我将创建另一个 vue 项目，该项目将使用 typescript 并作为基于类的样式，并在该项目的第二步中使用我的 npm 包创建。

我遵循了几篇文章来完成这种方法。下面提到了其中的链接 如何在 NPM 上创建和发布 Vuejs 组件

另一篇文章是这样的：https ://dev.to/amroessam/publish-your-first-npm-package-vue-263h

上一篇文章是这样的：https ://vuejs.org/v2/cookbook/packaging-sfc-for-npm.html

即使我能够创建标头并通过 npm 发布它，但我根本无法使用该 npm 包它给出了错误。

未找到此依赖项：

• ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs 中的 header-bell-app。 js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/UserComponent/UserComponent.vue?vue&type=script&lang=js&

要安装它，您可以运行： npm install --save header-bell-app

我创建了名为 header-bell-app 的头包并安装了它，但是当我尝试将它导入某个地方时它仍然给我错误。

下面是我的 header-bell npm 包的代码和截图：

我在安装 header-bell 后在我的另一个项目中使用上面的包，如下所示

现在它给了我一个错误

找不到模块“header-bell”的声明文件。'd:/Alok/Work/References/interceptor-boilerplate/node_modules/header-bell/dist/headercomponent.umd.js' 隐含了一个 'any' 类型。尝试npm install @types/header-bell它是否存在或添加一个包含 `declare module 'header-bell' 的新声明 (.d.ts) 文件；

使用 HeaderComponent 时控制台中的错误如下图所示

我希望这将是足够的证据来纠正我的事情。如果您能为此提供最佳解决方案，我将不胜感激。

我相信该npm run serve命令默认使用 js 的源映射，但似乎不是因为我总是看到vue.runtime.esm.js:619.

我在根级项目中创建了一个 vue.config.js 文件。

我尝试两件事：

和：

它们都不起作用。我仍然坚持vue.runtime.esm.js:619哪个没用。

有谁知道如何使用 vue-cli 4 真正激活源映射？

有没有办法追踪这种构建问题？即显示更详细错误信息的标志？我的项目很像默认的 vue cli 项目。几个月来一直运行良好，直到今天早上。

我如何解决带有别名的 node_modules 包内的嵌套导入？我有一个 npm 包。在我的 vue cli 项目中，我从 npm 包中导入：@import ~npmPackage/src/theme.scss. 但是 theme.scss 在里面使用了另一个导入@import @/var.scss：然后我尝试用 vue cli 为我的项目服务，它坏了。vue cli 找不到带有别名的文件。如果我通过将别名更改为相对路径../而不是@/它的罚款......如何解决它？附言。我使用 vue cli 4。非常感谢答案:)

我的应用程序结构是 - 文件夹 -> 前端 - 带有应用程序文件夹的文件夹 -> html -> spa - 这是我放置我构建的应用程序的地方 'spa' 中有 2 个文件夹 - 资产和静态。在静态文件夹中有来自“前端->公共”的文件。

这是我需要添加外部脚本的问题，所以我放入了 index.html 的头部

当我构建我的应用程序时，一切都很好，但是在本地（npm run serve）它有错误的 URL。我尝试使用publicPathinvue.config.js甚至通过 ternary 正确设置它process.env.NODE_ENV === 'production'。在本地和构建模式下，文件被找到了，但它也改变了所有的路线（链接、菜单等）。

请帮我解决