问题标签 [vue-loader]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - Webpack 没有从供应商 vue 组件中将 CSS 提取到文件中
我遇到了 webpack 没有从供应商VUE 组件中提取 CSS 的问题。
Html 头部看起来像这样：https ://i.stack.imgur.com/AbtkC.png
所有这些样式标签仅来自供应商Vue 组件。在从 Javascript 加载页面后插入
我的 vue 组件中的其他样式，我的 LESS 文件，来自非 vue供应商包的样式被正确拆分为main.css和vendor.css
配置中缺少什么？（底部）
谢谢
webpack.config.js
实用程序.js
包.json
webpack - VueJS 单文件组件中的 Lint SCSS 和 Webpack
我正在尝试<style>使用 Webpack 对 VueJS 单文件组件的标签中的 SCSS 样式进行 lint。我试图在我的 Webpack 构建的 vue-loader 任务中将webpack 加载器scsslint-loader称为 preLoader。
单文件 vue.js 组件....
在 Webpack(2.5) 中，vue-loader 配置看起来像......
运行 Webpack 的结果...
问题是...
- 我是否在 Webpack 配置中正确地将 scsslint-loader 作为 vue-loader{preLoader} 调用？
- 如果是这样，对导致无文件错误的原因有任何想法
webpack - 用于 css 图像 url 的 Webpack + Vue 加载器
我在使用 webpack 加载图像 url 时遇到问题。它在开发模式下运行良好。但是在构建生产时，它再也找不到错误的图像：
Failed to load resource: net::ERR_FILE_NOT_FOUND file:///static/flags/4x3/gb.svg
将 Electron 与 vue-loader 一起使用。标志位于静态目录中static/
，我使用这个样板作为基础https://github.com/bradstewart/electron-boilerplate-vue
文件夹结构：
webpack.base.conf.js
webpack.prod.conf.js
style.less
webpack - 在 Vue 上使用带有 Webpack 的 plotly.js 3d scatter3d
我正在尝试使用 webpack 和 Vue.js 运行 plotly.js
对于像 scatter 这样的简单绘图，它可以使用以下配置正常工作：
在 webpack.config.js 上
在 vue 文件中，我使用以下代码导入：
使用 scatter 一切正常，但是当我尝试使用时：
我收到以下错误：
因此，据我了解，除了 node_modules 之外，我还需要让 ify-loader 处理我的文件项目。
我已经尝试按照文档的 GitHub 自述文件链接上的建议在我的项目中插入转换，但测试都不起作用（使用 .js 和 .vue）：
使用 .js
使用 .vue
任何提示，或线索如何进行？
webpack - 带有打字稿的Vue JSX不起作用
使用包含 JSX 的独立 TSX 文件时，一切正常。我的 webpack 配置：
并且 tsconfig.json jsx 选项设置为“保留”，以便 Typescript 将忽略由 babel 处理的 JSX 编译。完全有道理。
但是当我对 Vue-loader 使用相同的配方时，它不起作用：
和示例组件：
错误日志：
似乎 ts-loader 不尊重 JSX 保留在这里。查看错误日志/输出时，似乎 ts-loader 尝试解析 JSX 或尝试编译正则表达式。
我无法指出确切的问题，但是在调试 dist/index.js: 152 时，我可以清楚地看到输出格式错误，编译器会尝试编译 JSX 而不是忽略。
javascript - Webpack 从 .vue 组件中排除第三方通用 css
我有一个 vuejs 组件，它引入了一个通用的 scss 库。在最终构建的 css 中，我不想包含任何常见的 css 文件。我只想包含我在组件中编写的 css 类。这是示例：
如何让 webpack 构建一个仅包含以下内容的样式文件：
这是我的 webpack 配置：
webpack - 如何卸载哈巴狗？
我尝试了 pug.js，然后决定不使用它并卸载它。现在，当我启动 webpack dev-server 时，我收到以下错误：
因此，我尝试从 node_modules/consolidate/lib/consolidate.js 中删除以下行，但没有帮助：
webpack.base.conf.js：
webpack.dev.conf.js：
请帮我找到它的配置位置。我需要摆脱 pug 及其依赖项。谢谢。
webpack - 简单组件中的“无法安装组件：未定义模板或渲染功能”
我试图从 vuejs+webpack 开发的基础开始。
我在这里创建了一个演示项目：https ://github.com/Demian87/vue-test
它构建得很好，但是在启动后我收到一个从标题到控制台的错误，并且我在索引中的组件更改为
我正在使用来自 vuejs+webpack 的演示项目的 package.json。我也从那里获取了 webpack.config ，但我仍然收到该错误并且没有任何效果。
关于错误原因的任何想法？
javascript - .vue 文件中未定义的属性或方法
在我开始添加我的 javascript 之前，我的应用程序中的所有内容都运行良好。现在我在控制台中不断收到错误。
我收到此错误：
属性或方法“show”未在实例上定义，但在渲染期间被引用。通过初始化该属性，确保该属性是反应性的，无论是在数据选项中，还是对于基于类的组件。
除了这个错误：
预期结果：点击“loginBtn”警报提示“点击”。
我的代码：
vue.js - 另一个组件中的组件不起作用-webpack-Vue.js 2
我对 Vue.js 完全陌生，因此我觉得问题很简单。这是我的Test.vue组件：
我试图在另一个名为UserDevices.vue. 这是该文件的内容：
我收到一个错误说：
我正在为 vue 使用 webpack 脚手架作为模板。这不是正确的方法吗？