我有一个Node + Vue.js应用程序，在开发环境中，我使用适用于Vue.js的webpack-dev-Vue.js。
但我想设置的文件夹，webpack应该关注热重新加载，因为webpack正在寻找所有的文件夹，我有一个文件夹，webpack没有访问，我使用作为卷为postgres的码头。
我该怎么做呢？
浏览 15提问于2017-08-14得票数 1
以前可以使用"vue init vue.js client“来初始化一个vue.js 2项目，使用的是”vue init webpack client“。在vue.js 3项目中，据我所知，需要使用"vue create“来创建一个新项目。但是，这并不会初始化与webpack的项目。我没有找到任何替代vue.js 2中使用的命令的示例，这些命令可以用来初始化vue.js 3项目，但只能手动执行步骤。
浏览 26提问于2021-04-06得票数 1
回答已采纳
1回答
更好的堆栈跟踪
、、
我正在将一个应用程序从angular.js (版本1)迁移到Vue.js版本2.4。
我正在从以开发模式提供原始Javascript文件转向使用Webpack、巴别塔和.vue，后者服务于处理后的Javascript文件。Webpack和Vue.js对我来说都是新的。
当代码中发生异常时，Vue.js或Webpack会截获该错误，并打印一个无用的堆栈跟踪。下面是一个例子。
我猜如果Vue.js/Webpack没有拦截异常，我可以在浏览器中看到堆栈跟踪以及发生异常的代码。
有没有在Vue.js中有效使用浏览器调试器的指南？
我使用的是Firefox，使用的是vuedevtools 2.5.9。
浏览 6提问于2018-01-14得票数 1
回答已采纳
我遇到的问题是在webpack身上使用vue.js。
我有一个想要在vue.js中动态填充的列表。
我使用v对每个对象进行迭代并创建列表项。
要将img标记绑定到数据点{resource.img}，它看起来如下所示：<img v-bind:src="resource.img">以动态加载图像。
然而，当客户端呈现页面时，src路径是正确的，但是它是实际的相对路径(例如“./assets/example.png”等)，而不是路径webpack输出。因此，该映像创建一个404，因为“./assets/example.png”中没有图像。
或者，如果我硬编码src的图像加
浏览 3提问于2016-10-06得票数 3
回答已采纳
以下HTML代码
<!DOCTYPE html>
<html lang="en">
<body>
Greeting below:
<div id="time">
{{greetings}}
</div>
<script src='bundle.js'></script>
</body>
</html>
与entry.js文件一起
//
浏览 4提问于2017-07-23得票数 1
回答已采纳
这是个新手问题。我正试着向电子、虚拟、Webpack和诺德迈出一小步.为了达到这个目的，我用电子锻造把样板项目作为起点，如下所示：
npx创建-电子应用程序我-项目-模板=类型记录-webpack
在项目创建之后，一切(似乎)都如预期的那样工作。如果我做任何编辑，我可以看到webpack被调用，并重新加载内容显示我的编辑。到目前一切尚好。
我的下一步是介绍我能做的最简单的Vue.js 'hello world‘内容。首先，我使用NPM安装Vue.js，如下所示：
npm安装"vue“
然后编辑样板index.html，如下所示：
<!DOCTYPE html>
浏览 3提问于2020-06-07得票数 0
回答已采纳
我正在做一个Vue.js项目，该项目在本地开发中运行了Webpack，并构建了用于部署的静态文件。 有一个变量apiDomain需要从以下位置更改： http://localhost.api/ -在本地开发中 至 https://api.example.com/ -在静态构建文件中 我一直试图弄清楚环境变量，但我不确定在Webpack和Vue.js中它们是如何工作的。 设置Vue.js变量以区分本地开发和静态构建文件的正确方法是什么？
浏览 10提问于2019-02-08得票数 2
回答已采纳
我花了很多时间研究这件事，但没有结果。我知道在Webpack中，代码分割和动态绑定是如何使用import承诺API的。
但是，我的用例是，我有两个完全独立的包，分别使用不同的webpack构建来生成。为了给您提供透视图，我正在构建React组件，并且需要将react组件动态加载到已在不同过程中编译的页面中。这有可能有反应吗？我确实控制了webpack的两个构建，所以我可以排除依赖，等等。
更新：--我刚刚介绍了Vue.js，以及它如何允许开发人员注册Vue.js组件，然后在代码中引用它们。我可能会在页面脚本之前加载我的Vue.js组件脚本。我想看看我能不能做出类似的反应。
浏览 1提问于2017-02-24得票数 11
回答已采纳
vue.js webpack问题:我不能用configureWebpack向vue.config.js添加插件
我用vue cli 3创建了一个vue.js项目。
我的vue.config.js：
let webpack = require('webpack');
module.exports = {
configureWebpack: {
plugins: [
new webpack.DefinePlugin({
__TEST_MESSAGE__: JSON.stringify('ho
浏览 1提问于2018-10-31得票数 4
回答已采纳
我想为我的项目创建<code>D0</code>和<code>D1</code>文件，其中<code>D2</code>文件包含Webpack和Vue.js核心代码，<code>D3</code>只包含为我的应用程序编写的Vue.js代码。我正在使用<code>D4</code> npm模块来包装Webpack并构建我所有的资产。
<code>D5</code>包含以下一行代码：
<code>A6</code>
<code
浏览 25提问于2019-12-05得票数 0
回答已采纳
1回答
我们当前的构建过程目前使用Grunt、vueify和browserify来构建我们的Single file组件，并将Vue从SFC中拉出并放入它自己的外部文件中。 由于各种原因(vueify不再受支持，异步加载组件，...)我们想换成Webpack。 然而，我在如何让我们目前的方法为Webpack工作的问题上失败了。我已经在下面包含了我们当前的构建过程。我很想弄清楚如何让Webpack为我们工作。有什么建议吗？我甚至都不能开始...我怎么才能让Webpack把我们的*.vue.js文件编译成预渲染的javascript文件呢？在底部，我还包含了我们的一个SFC .vue.js文件的内容。 v
浏览 23提问于2019-02-25得票数 1
1回答
我知道我的问题对于职业vue.js和Webpack来说是很愚蠢的。我还不是很习惯。
实际上，我和vue.js和webpack有一个小应用程序。我使用命令npm run dev进行开发并查看结果，并查看本地地址：
然后，我做了一个构建版本: npm run build，所以一切都很好，但现在，我不知道如何在本地看到最终结果。我必须做什么或者我错过了什么？
谢谢你的回答
浏览 40提问于2018-06-08得票数 0
回答已采纳
我知道在Vue.js上启用PWA的首选插件是，但是这似乎是针对使用vue-cli及其版本的Webpack + Workbox创建的项目。
我有一个不使用vue-cli的Vue.js 3应用程序。也就是说，项目是从头开始创建的，Webpack 5是单独安装的。
我是否仍然使用vue-cli的vue add pwa在此应用程序上启用PWA，还是必须使用之类的指南逐步手动添加
浏览 7提问于2021-03-19得票数 0
2回答
问题
我对缓存的Vue.js组件有一个问题，我不能在我的设备上重现这个问题，但是每次客户端更新，我们都会让用户抱怨界面中断，只有清除浏览器缓存才有帮助。
我使用Laravel + Vue.js，这是一个多页应用程序。
战略
包含在app.js中的一个文件中描述的所有组件如下所示：
Vue.component('task-feed', () => import('./components/task/task-feed'/* webpackChunkName: "/js/components/task-feed" */));
Vue.compo
浏览 0提问于2018-11-16得票数 8
回答已采纳
我在查看vue.js的wiki页面时看到了以下内容：
与反应性开发相比，Vue可以更容易地集成到现有的web应用程序中。通常，web应用程序可以通过简单地包含Vue.js JavaScript库立即开始使用Vue。与Webpack或Browserify一起使用，并不一定严格。这与使用Webpack和Babel无法避免的开发形成了鲜明的对比，从而使得转换现有的web应用程序变得更加困难。
有人能解释为什么反应需要webpack和巴贝尔吗？我以为你可以直接加入到CDN的反应和它会起作用吗？
浏览 3提问于2017-04-03得票数 29
日安，
我目前是在集成vue.js的新手，在webpack。
基本上，我正在尝试使用已经安装在我的node_modules中的第三方包。
在本例中，我安装了一个名为"Vuex Toast“(针对vue.js的警报)的包。
.../js/main.build.js
.../src-modules/app.js (blank for now)
正常情况下，每次运行webpack命令时，我都会生成main.build.js
有没有人能教我如何使用这个第三方软件包？
浏览 1提问于2017-12-14得票数 1
1回答
当我从命令行运行Webpack时，一切都运行得很好:生成的包被适当地转换/丑化，并且在浏览器中运行得很好。然而，当我尝试从Gulp (我正在使用Gulp@4，FWIW)呼叫Webpack时，我总是得到这样的错误：
stream.js:74
throw er; // Unhandled stream error in pipe.
^
Error: bundle.js from UglifyJs
Unexpected token: name (Vue) [bundle.js:47,8]
我从.babelrc开始使用巴别塔，手动将Webpack流指向Webpack 2^.X.
浏览 0提问于2017-03-23得票数 1
1回答
上下文
在一个项目中，我和webpack一起使用VueJS。
我不使用vue-loader插件或.vue文件。
我的项目结构类似于一个标准的Javascript webpack项目，它导入了vue。
我的webpack配置有以下相关选项：
dev-tool: "source-map"
resolve.alias["vue$"] = "vue/dist/vue.js"
我的webpack Javascript包文件的源文件正在生成。
问题
在编写程序时，控制台中出现了一个错误。不幸的是，堆栈跟踪显示错误在vue.js文件中，稍后w
浏览 2提问于2018-11-29得票数 21
我正在为一个Vue.JS网站使用 webpack模板。
我部署了这个应用程序，它工作得很好，但是如果你在Chrome中进入开发人员工具>源代码，那么在webpack://你可以看到组件和整个代码。有没有办法摆脱它？或者，如果你用的是webpack，这是不是很常见？
谢谢。
浏览 74提问于2018-03-04得票数 12
回答已采纳
我在Laravel项目中使用Vue.JS完成了基本安装，这是我的package.json
{
"private": true,
"scripts": {
"dev": "npm run development",
"development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_mo
浏览 3提问于2020-02-01得票数 0
Hi问题是为Vue.js i运行设置SASS : Node.js - 15.7.0 Vue.js - @vue/cli 4.5.11这是我在运行以下命令时遇到的控制台中的一个错误：npm sass加载程序节点-sass
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! Found: webpack@3.12.0
npm ERR! node_modules/webpack
npm ERR! peer webpack@"2 || 3 || 4"
浏览 10提问于2021-01-28得票数 19
回答已采纳
1回答
我在我的项目中使用了vue.js，nuxt和webpack。随着项目规模的扩大，构建时间越来越长。我想知道的是，在最初的构建过程中，为了检查和构建更改过的组件和文件，在webpack中有没有什么配置？
浏览 1提问于2019-03-30得票数 0
回答已采纳
1回答
我有几个vue.js组件，都是用单页组件格式编写的。
对于每个.vue文件，我为该页面编写的具体化较少。
捆绑之后，我有几个样式标记，它们填充了全局样式空间。因此，我的一些类在不同的页面上重叠。
这是vue.js和webpack打算使用的功能吗？
浏览 4提问于2016-10-12得票数 3
回答已采纳
1回答
当我使用VueJS和symfony提供的包Webpack encore从基本symfony应用程序加载页面时，我有以下错误
[Vue warn]: You are using the runtime-only build of Vue where the template compiler is not available. Either pre-compile the templates into render functions, or use the compiler-included build.
因此，我需要将VueJS的别名改为webpack，如下所示：
resolve: {
浏览 6提问于2017-06-14得票数 1
回答已采纳
2回答
我用的是Webpack和Vue.js。我有非常简单的代码，就像这样：
<div id="msg">
<h1>{{msg}}</h1>
</div>
new Vue({
el: '#msg',
data:{
msg:'Hello'
}
});
如果我直接在Index.html中使用vue.js，那么我的代码工作得很好，但是如果我在单独的js文件中导入vue.js，那么我会得到错误：
Uncaught ReferenceError: Vue is not def
浏览 3提问于2018-01-08得票数 1
我试图使用Webpack文件加载器将静态json资源文件复制到dist/，这样我就可以在Vue.js组件中导入这个json文件。Webpack在运行npm run build时正确地复制了文件，但是当我试图导入文件(如import myJson from '@/static/runtimeConfig.json')时，"myJSON“变量只获取文件路径，而不是实际的JSON文件内容。有人能帮我理解这是为什么吗？
我的webpack文件加载程序配置如下所示：
module: {
//load runtimeConfig.json file through a
浏览 4提问于2020-01-07得票数 2
我有一个用Vue.js v2构建的Django SPA / webpack。
我希望能够使用Django静态模板标签在Vue.js模板.vue文件中添加对图像等的引用。
现在在我的Django的base.html模板中：
{% load static %}
{% load render_bundle from webpack_loader %}
<html>
<head>
<!-- This works fine here! -->
<link rel="stylesheet" href="{% s
浏览 2提问于2017-06-02得票数 4
1回答
我的问题与webpack有关。假设我使用webpack和vue.js项目。webpack是如何建设这个项目的，当我运行npm运行建设的时候。我知道这里有一个构建文件夹，其中必须添加配置文件，还有输出文件夹dist，这将保存我的最终项目。
问题1) WHat webpack做什么？它是否在配置文件中搜索入口点，以便知道从哪里开始构建进程？对于vue.js，它是src/main.js。我说的对吗？
QUestion 2)当它找到main.js时，它会做什么？它是否从main.js到顶部，以便找到所有的依赖项？
QUestion 3)假设IT找到了一个.vue文件。是干什么的呢？它是否分离js代码-
浏览 1提问于2018-09-03得票数 1
回答已采纳
我使用cli创建了一个vue.js项目。我用的是webpack的模板。我已经在上面工作了几天了，它工作得很顺利。
现在，我需要向项目中添加一个npm包。这个包建议我对webpack的配置做一些修改。但是我的项目根目录下没有webpack.config.js文件。其中是webpack的配置文件。我是否需要运行命令来发布它，就像在一些框架中一样。
浏览 1提问于2017-11-30得票数 16
回答已采纳
1回答
小叶贴图图像路径
、、
我在vue.js项目中使用了叶地图，无法正确设置imagePath。我已经创建了assets文件夹，其中存储了所需的传单图像，但我总是收到404个错误。
L.Icon.Default.imagePath = 'assets/vendor/leaflet'
我认为这是一个webpack的配置问题。如何配置好webpack才能正常工作？
浏览 2提问于2017-02-28得票数 3
1回答
我使用Django作为后端，并试图将一些数据传递到我创建的Vue表组件中。我用这个设置它，组件在使用webpack时显示得很好。我试图将数据设置为javascript常量，然后将其传递到组件中。数据似乎没有经过。下面是我的脚本的布局方式。
index.html
{% block content %}
<script>
const gridData = {{json_data|safe}};
console.log(gridData)
</script>
<div id="app">
<table_com
浏览 6提问于2020-02-28得票数 2
我正在使用Rails5.1和Vue.js启动一个新的应用程序，带有内置的Webpacker Vue.js包(通过--webpack=vue标志生成)。
我正在尝试理解使用普通的Rails MVC应用程序与使用Rails API应用程序(使用--api标志生成Rails应用程序)的优缺点。
$ rails new someapp --webpack=vue
vs.
$ rails new someapp --api --webpack=vue
鉴于Rails API自2015年以来已经被合并到核心中，并且通过Webpacker gem内置的Webpack是全新的(Rails 5.1,
浏览 36提问于2017-07-28得票数 10
我是Vue.js的新手，我在AngularJS中寻找类似于服务的服务，特别是存储一次数据并在整个应用程序中获取数据。
我将主要存储网络请求和其他承诺的数据的结果，因此我不需要在非常状态下再次获取数据。
我和Webpack一起使用Vue.JS 2.0。
谢谢!
浏览 4提问于2016-11-07得票数 1
回答已采纳
我用Webpack和Vue.js连用。在map.svg文件中，我以如下形式存储所有SVG图标：
<symbol id="someID"><path></symbol>
<symbol id="otherID"><path></symbol>
在代码中，我使用了一个类似于SVG4Everybody-plugin的构造：
<svg><use xlink:href="map.svg#someID"></svg>
但这不起作用，因为Webpack不
浏览 0提问于2017-12-06得票数 2
回答已采纳
2回答
不使用vue-cli为Vue.js应用程序加载环境变量的最佳方法是什么？以vue-cli的方式，您只需更新.env文件，这些变量应该可以在Vue.js应用程序中使用，如下所示：
我正在使用Symfony Webpack Encore并且没有安装vue-cli，如何将我的环境变量传递到整个Vue应用程序中？
浏览 2提问于2022-01-31得票数 2
回答已采纳
我正在使用Symfony + Vue.js，并且我想在所有vue组件中导入我的_variables.sccs文件。我想在所有组件的样式块中使用scss变量
我知道如何在使用vue-cli (使用vue.config.js配置文件)创建的vue应用程序中做到这一点，但我已经尝试在Encore使用的webpack.config.js中以不同的方式复制它。而且也没有办法让它发挥作用。
这是我的webpack.config.js文件：
var Encore = require('@symfony/webpack-encore');
Encore
.setOutputPath(
浏览 0提问于2020-02-26得票数 3
我在试着用symfony设置vue.js。(此Vue.js配置在laravel中工作正常，但symfony不能，我必须使用symfony进行此项目:( )
根据symfony文档配置的webpack.config.js
var Encore = require('@symfony/webpack-encore');
Encore
// the project directory where all compiled assets will be stored
.setOutputPath('web/build/')
// the pu
浏览 18提问于2017-12-13得票数 1
2回答
我不是很喜欢使用symfony，我和vue.js一起工作。我见过同时使用这两种方法的好方法(webpack安可.)，但我找不到有人在谈论这个问题：
在使用symfony应用程序中的webpack模板时，我是否可以像制作.html.twig文件那样制作.html.twig文件？
浏览 0提问于2018-01-23得票数 1
回答已采纳
1回答
我在设置一个易于调试的vue.js项目时遇到了一些困难，将它与考拉服务器结合在一起。来自webpack-简单生成的配置的命令cross-env NODE_ENV=development webpack-dev-server --open --hot似乎是一件好事，但是在koa/express中使用这个命令的惯例是什么呢？
我发现的一个解决方案是使用pm2同时启动用于vue和后端的webpack-dev服务器，但我认为这意味着我需要一个复制版本的初始登陆vue.js应用程序页面，我目前正在/上的一个koa路径上服务。对我来说，想到这两台服务器也有点困惑，而且感觉很奇怪。
所以，我想我一定做错了！
浏览 0提问于2017-06-28得票数 2
回答已采纳
2回答
我正试图在我的Vue.js应用程序中使用Vue.js，但是我对如何做到这一点感到困惑。我使用Vue CLI 3命令初始化了我的项目，并用纱线安装了快照依赖项。
另外，我读过，但找不到webpack.base.conf.js文件！
当我试图将依赖项导入到我的main.js文件或任何组件中时，我没有出错，但我的应用程序变成了空的。
在我的Snap.svg应用程序中正确导入Vue.js时，我错过了什么？
浏览 1提问于2018-12-06得票数 1
回答已采纳
我只想在我的项目中使用maven，但我想让3个按钮和1个信息框的小单页应用程序。我可以包括像vue.js这样的axios吗？我下载了Vue.js文件，并在Index.html的<scrypt>中写入了路径。我不想用npm，纱线，webpack或者其他的东西。也许我可以用其他东西，而不是Axios？
浏览 3提问于2020-03-19得票数 0
我有一个关于npm运行的问题。
(“npm”来自)
{
"name": "vue-hackernews",
"version": "1.0.0",
"description": "HN clone with Vue.js using HN API",
"scripts": {
"dev": "webpack-dev-server --inline --hot --no-info",
"build": &#
浏览 1提问于2016-07-07得票数 1
1回答
我是vue.js的新手，我有.vue文件。在其中一个，我想使用速度转换，但我不能这样做，webpack。能帮我个忙吗？
浏览 3提问于2017-09-06得票数 2
回答已采纳
我想在Vue.js的Django中创建一个类似gettext的“宏”。 如何设置加载器，使其获得编译(解析)的Vue.js组件的template标记？它可以是JS或某个AST。 示例： // webpack.config.js
module.exports = {
module: {
rules: [{
test: /.vue$/,
loader: 'vue-loader'
}, {
test: /.vue?template/ // just an example
loader: myLoader
浏览 23提问于2020-05-03得票数 0
1回答
我需要添加jQuery插件scrollify到我的Vue.js视图中的Laravel项目，如何做呢？
我是用master.blade.php导入的
<script src="{{asset('js/libs/jquery.scrollify.js')}}"></script>
现在我想在我的vue.js主页上使用它
import $ from 'jquery'
export default {
data() {
return {
}
}
浏览 0提问于2021-04-07得票数 0
回答已采纳
我正在尝试使用一个模块来访问我的Vue.js项目中多个位置的Firebase数据库。
我开始使用标准的Vue.js样板(vue init webpack-simple [projectName])。
我能够从一个Vue组件中从Firebase实例中提取数据。为了节省空间，我将所有代码放在GitHub中。这个初始提交很好：
然后按照这里的说明创建Firebase模块：
以下是我根据上面的帖子所做的修改：
但是，当我运行它时，我会在控制台中得到以下错误：
Uncaught TypeError: __WEBPACK_IMPORTED_MODULE_0__modules_firebase_js___d
浏览 2提问于2016-12-16得票数 1
回答已采纳
我主要是一个C#后端开发人员，并试图学习Vue.js。我使用VisualStudio2017+ ASP.NET MVC (作为API +一个布局)+ Vue.js + Webpack。
.vue单页组件文件由vue-loader加载，.js文件由babel-loader以es2015预置方式加载.
Babel成功地将app.js转换为输出dist/script.js文件，但无论使用哪种组合，.vue文件都会给出语法错误。即使我的navigation.vue错误是，完全是空的，我也有相同的错误：
/资产/组件/导航中的错误
模块生成失败: SyntaxError:意外令牌{
任务运行程序
浏览 5提问于2017-11-10得票数 4
回答已采纳
我在vue.js 2应用程序中遇到问题。我正在将引导程序模板转换为vue.js组件。在打破组件中的代码后，当我运行一个文件时，加载页面需要花费很多时间，有时它会成功加载相同的代码。我想知道这是前端还是服务器端的问题。我使用的是本地主机，webpack-simple。
浏览 2提问于2018-06-12得票数 0
我使用的是默认的Laravel 5.3设置--这是Vue.js 2.0的默认配置的全新安装。
使用browserify 5.1和Larave1.x，我可以很容易地定义像这样的组件，并使用Laravel进行编译。
Vue.component('test-component', require('./test-component');
/* test-component.js */
export default{
template:require('./test-component.template.html')
}
/* test
浏览 44提问于2016-12-13得票数 4
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
